WebGL
WebGL este o bibliotecă grafică pentru web ( W eb bazate pe G raphics L ibrary). Este un context HTML care oferă o API grafică 3D pentru browserele web. Specificațiile sunt încă în construcție. WebGL este administrat de Khronos Group , o organizație non-profit.
Prezentare generală
WebGL se bazează pe OpenGL ES 2.0 și oferă o interfață de programare pentru grafica 3D. Acesta folosește elementul HTML5 Canvas și este accesat prin interfețele Modelului de obiect document .
Biblioteci de dezvoltare
Există mai multe biblioteci pentru dezvoltarea WebGL. Biblioteca WebGLU a fost prima disponibilă public [1] . Alte biblioteci care includ WebGL sunt: Three.js, GLGE , C3DL , Copperlicht, SpiderGL, Pixi.js, SceneJS, Blend4Web , Verge3D , Processing.js și XB PointStream.
Comparație cu CSS3
CSS3 a introdus proprietatea „Transformare 3D” care vă permite să creați anumite animații și forme în 3D, dar nu poate echivala posibilitățile WebGL [2] [3] .
Experimente Google Chrome
Experimentele Google Chrome este un showroom online de experimente pe bază de browser web, programe interactive și proiecte artistice. Lansat pe 1 martie 2009, Google Chrome Experiments este un site web oficial Google care inițial ar fi trebuit să testeze limitările JavaScript și performanța și capacitățile browserului Google Chrome . Pe măsură ce proiectul a progresat, a preluat rolul de a prezenta și experimenta cele mai noi tehnologii open source bazate pe web, cum ar fi JavaScript, HTML5, WebGL, Canvas, SVG, CSS și altele. Toate proiectele sunt trimise de utilizatori și create folosind tehnologii open source.
WebGL este una dintre cele mai utilizate tehnologii de pe site. De asemenea, tehnologia a câștigat o utilizare activă în aplicații online populare și utile, cum ar fi Google Maps și Zygote Body (fost Google Body) [4] [5] [6] .
Exemple
Cadrul WebGL
Există cadre pentru crearea de conținut WebGL fără a fi nevoie să construiți structura de la zero.
Notă: Următoarea listă combină fără distincție bibliotecile WebGL cu motoarele de jocuri și serviciile Cloud.
Nume | Scripting | Modelare | Animaţie | Audio integrat | Rețea integrată | Fizică integrat | Nor | Implementare WebGL | Import | Export | Licență |
---|---|---|---|---|---|---|---|---|---|---|---|
Motorul Țării Minunilor | JavaScript | Nu | da | da | Nu | Nu | da | Nativ (2.0) | .gltf, .glb, .fbx, .obj, .ply, .dae | .wasm, .bin, .html, .js | Proprietar |
Verge3D | JavaScript | da | da | da | Nu | da | da | Nativ (1.0) | FBX, OBJ, STL | glTF | Proprietar |
Unitate | C # | da | da | da | da | da | da | .NET portat la Wasm (1.0 și 2.0) | FBX, OBJ | Proprietar | |
Un cadru | JavaScript | Nu | da | da | Nu | Nu | da | Nativ (1.0) | OBJ, COLLADA, componente ale comunității pentru glTF, FBX, three.js | HTML, three.js | Licență MIT |
Three.js | JavaScript | Nu | da | da | Nu | Nu | da | Nativ (1.0 și 2.0) | glTF, DRACO, FBX, OBJ, STL, MMD, PRWM, PCD, PDB | OBJ, glTF, PLY, Collada | MIT |
Sketchfab | JavaScript | Nu | da | da | Nu | Nu | Nu | Nativ (1.0) | .3dc, .3ds, .ac, .abc, .obj, .bvh, .blend, .geo, .dae, .dwf, .dw, .x, .dxf, .fbx, .ogr, .gta, .gltf , .igs, .mu, .craft, .kmz, .las, .lwo, .q3d, .mc2obj, .flt, .iv, .osg, .ply, .bsp, .md2, .mdl, .shp,. stl, .txp, .vpk, .wrl, .vrml | Nu | Proprietar |
PlayCanvas | JavaScript | Nu | da | da | da | da | da | Nativ (1.0 și 2.0) | .dae, .dxf, .fbx, .gltf, .glb, .obj | Nu | MIT (motor), proprietar (editor găzduit în cloud) |
OSG.JS | JavaScript | Nu | da | da | Nu | Nu | da | Nativ (1.0) | Nu | Nu | MIT |
LayaAir | ActionScript 3.0, JavaScript, TypeScript | Nu | da | da | da | Nu | Nu | Nativ, implementează și canvas2D (1.0) | FBX | Nu | Open source (motor), proprietar (conversie model) |
Kubity | Nu | Nu | Nu | Nu | Nu | da | da | .NET transpired (1.0) | Nu | Nu | Proprietar |
JanusWeb | JavaScript | Nu | da | da | da | da | da | Nativ (1.0) | OBJ, COLLADA, glTF, FBX, STL, PLY, VRML | HTML, XML, JSON | Licență MIT |
CopperLicht | JavaScript | Nu | da | da | Nu | da | da | Nativ (1.0) | Nu | Nu | Open source bazat pe zlib |
Clara.io | JavaScript, API REST | da | da | Nu | Nu | da | da | Nativ (1.0) | OBJ, FBX, Blend, STL, STP | OBJ, FBX, Blend, STL, Babylon.js, Three.js | Freemium sau comercial |
Babylon.js | JavaScript, TypeScript | Nu | da | da | Nu | da | da | Nativ (1.0 și 2.0) | OBJ, FBX, STL, Babylon, glTF | Toate formatele acceptate de Blender și 3dsMax (exportatori disponibili) | Licență Apache 2.0 |
În deplasare3D | Mecanografiat | Nu | da | da | Nu | da | da | Flash transpus (1.0) | Nu | Nu | Licență Apache 2.0 |
Notă
- ^ Prima versiune WebGLU
- ^ Ghid pentru 3D în browsere - WebGL Versus CSS 3D Transforms , pe WE RAD , 5 mai 2017. Adus pe 29 ianuarie 2021 .
- ^ (EN) Pratik, 10+ CSS 3D Transforms With Exemple de fragmente de cod pe OnAirCode, 27 martie 2018. Adus pe 29 ianuarie 2021.
- ^ Intră pe hartă cu Google MapsGL , pe googleblog.blogspot.in , blogul oficial Google. Adus la 15 decembrie 2012 .
- ^ MapsGL , la support.google.com , Google Maps. Adus la 15 decembrie 2012 .
- ^ Roni Zeiger, Google Body devine Zygote Body; construit pe vizualizator 3D open source , în blogul Google Open Source , Google, 9 ianuarie 2012. Adus pe 27 ianuarie 2012 .
Alte proiecte
- Wikimedia Commons conține imagini sau alte fișiere pe WebGL
linkuri externe
- Curs despre WebGL în italiană , pe html5today.it . Adus la 25 martie 2011 (arhivat din original la 23 martie 2011) .
- (EN) GLGE , pe glge.org.
- (EN) SpiderGL , pe spidergl.org.
- (EN) WebGL , pe khronos.org.
Controlul autorității | LCCN ( EN ) sh2013000391 |
---|