WebGL

WebGL er et grafikkbibliotek for nettet ( W eb - basert grafikkbibliotek ) . Det er en HTML - kontekst som gir et 3D-grafikk-API for nettlesere. Spesifikasjoner er fortsatt under konstruksjon. WebGL administreres av Khronos Group , en ideell organisasjon.

Oversikt

WebGL er basert på OpenGL ES 2.0 og gir et programmeringsgrensesnitt for 3D-grafikk. Den bruker HTML5 Canvas -elementet og er tilgjengelig via Document Object Model -grensesnittene .

Utviklingsbiblioteker

Det finnes flere biblioteker for WebGL-utvikling. WebGLU - biblioteket var det første offentlig tilgjengelige [1] . Andre biblioteker som inkluderer WebGL er: Three.js, GLGE , C3DL , Copperlicht, SpiderGL, Pixi.js, SceneJS, Blend4Web , Verge3D , Processing.js og XB PointStream.

Sammenligning med CSS3

CSS3 introduserte egenskapen "3D Transform" som lar deg lage noen animasjoner og former i 3D, men som ikke kan sette likhetstegn mellom mulighetene til WebGL [2] [3] .

Google Chrome-eksperimenter

Google Chrome Experiments er et nettbasert utstillingsrom med nettleserbaserte eksperimenter, interaktive programmer og kunstprosjekter. Google Chrome Experiments ble lansert 1. mars 2009, og er et offisielt Google-nettsted som opprinnelig skulle teste begrensningene til JavaScript og ytelsen og funksjonene til Google Chrome -nettleseren . Etter hvert som prosjektet skred frem, tok det på seg rollen som å vise frem og eksperimentere med de nyeste nettbaserte åpen kildekode-teknologiene, som JavaScript, HTML5, WebGL, Canvas, SVG, CSS og andre. Alle prosjekter sendes inn av brukere og opprettes ved hjelp av åpen kildekode-teknologi.

WebGL er en av de mest brukte teknologiene på nettstedet. Teknologien har også fått aktiv bruk i populære og nyttige nettapper som Google Maps , og Zygote Body (tidligere Google Body) [4] [5] [6] .

Eksempler

WebGL-rammeverk

Det finnes rammer for å lage WebGL-innhold uten å måtte bygge strukturen fra bunnen av.

Merk: Følgende liste kombinerer WebGL-biblioteker med spillmotorer og skytjenester uten forskjell.

Fornavn Skripting Modellering Animasjon Integrert lyd Integrert nettverk Fysikk

integrert

Sky Gjennomføring

WebGL

Import Eksport Tillatelse
Wonderland Engine JavaScript Nei Ja Ja Nei Nei Ja Innebygd (2.0) .gltf, .glb, .fbx, .obj, .ply, .dae .wasm, .bin, .html, .js Eieren
Verge3D JavaScript Ja Ja Ja Nei Ja Ja Innebygd (1.0) FBX, OBJ, STL glTF Eieren
Enhet C # Ja Ja Ja Ja Ja Ja .NET portert til Wasm (1.0 og 2.0) FBX, OBJ Eieren
En ramme JavaScript Nei Ja Ja Nei Nei Ja Innebygd (1.0) OBJ, COLLADA, fellesskapskomponenter for glTF, FBX, three.js HTML, three.js MIT-lisens
Three.js JavaScript Nei Ja Ja Nei Nei Ja Innebygd (1.0 og 2.0) glTF, DRACO, FBX, OBJ, STL, MMD, PRWM, PCD, PDB OBJ, glTF, PLY, Collada MIT
Sketchfab JavaScript Nei Ja Ja Nei Nei Nei Innebygd (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 Nei Eieren
PlayCanvas JavaScript Nei Ja Ja Ja Ja Ja Innebygd (1.0 og 2.0) .dae, .dxf, .fbx, .gltf, .glb, .obj Nei MIT (motor), proprietær (sky-hosted editor)
OSG.JS JavaScript Nei Ja Ja Nei Nei Ja Innebygd (1.0) Nei Nei MIT
LayaAir ActionScript 3.0, JavaScript, TypeScript Nei Ja Ja Ja Nei Nei Native, implementerer også canvas2D (1.0) FBX Nei Åpen kildekode (motor), proprietær (modellkonvertering)
Kubity Nei Nei Nei Nei Nei Ja Ja .NET skjedde (1.0) Nei Nei Eieren
JanusWeb JavaScript Nei Ja Ja Ja Ja Ja Innebygd (1.0) OBJ, COLLADA, glTF, FBX, STL, PLY, VRML HTML, XML, JSON MIT-lisens
CopperLicht JavaScript Nei Ja Ja Nei Ja Ja Innebygd (1.0) Nei Nei Åpen kildekode basert på zlib
Clara.io JavaScript, REST API Ja Ja Nei Nei Ja Ja Innebygd (1.0) OBJ, FBX, Blend, STL, STP OBJ, FBX, Blend, STL, Babylon.js, Three.js Freemium eller kommersiell
Babylon.js JavaScript, TypeScript Nei Ja Ja Nei Ja Ja Innebygd (1.0 og 2.0) OBJ, FBX, STL, Babylon, glTF Alle formater som støttes av Blender og 3dsMax (eksportører tilgjengelig) Apache 2.0-lisens
Borte3D Typeskrift Nei Ja Ja Nei Ja Ja Flash transpilert (1.0) Nei Nei Apache 2.0-lisens

Merknader

  1. ^ Første WebGLU-utgivelse
  2. ^ Veiledning til 3D i nettlesere - WebGL Versus CSS 3D Transforms , på WE RAD , 5. mai 2017. Hentet 29. januar 2021 .
  3. ^ Pratik, 10+ CSS 3D Transforms Example With Code Snippets , på OnAirCode 27. mars 2018. Hentet 29. januar 2021 .
  4. ^ Gå inn i kartet med Google MapsGL , på googleblog.blogspot.in , Googles offisielle blogg. Hentet 15. desember 2012 .
  5. ^ MapsGL , på support.google.com , Google Maps. Hentet 15. desember 2012 .
  6. ^ Roni Zeiger, Google Body blir Zygote Body; bygget på åpen kildekode 3D-visning , i Google Open Source blogg , Google, 9. januar 2012. Hentet 27. januar 2012 .

Andre prosjekter

Eksterne lenker