Web 3D

De la Wikipedia, enciclopedia liberă.
Salt la navigare Salt la căutare

Web 3D este un termen folosit pentru a indica conținut 3D interactiv inserat într-o pagină HTML , care poate fi vizualizat de un browser comun printr-un anumit vizualizator Web 3D [1] . Conceptul de Web 3D este, de asemenea, utilizat pentru a indica o posibilă evoluție a Web-ului în care ideea unei pagini este abandonată și scufundată într-un spațiu interactiv tridimensional.

Istorie

La început, VRML , un limbaj textual capabil să descrie un mediu 3D, a apărut pe scena tehnologiilor 3D concepute exclusiv pentru aplicații web.
În 1994, Tim Berners-Lee și Dave Raggett , în timpul primei conferințe anuale pe World Wide Web, care a avut loc la Geneva , au început să se gândească serios la un limbaj comun care descrie scenarii 3D și Hyperlink-uri legate de Web. Astfel s-a născut primul versiunea VRML , un limbaj de programare care promitea să ofere utilizatorilor de internet navigație 3D [2] [3] .

După un început strălucit plin de așteptări, în care s-au născut numeroase companii gata să se mute în acest nou domeniu de cercetare și să dezvolte astfel noi standarde pentru o rentabilitate economică vizibilă, promisiunile nu au fost respectate, iar navigația în trei dimensiuni a rămas doar o utopie. Multe companii 3D au renunțat la locurile de muncă și au schimbat afacerea, lăsând efectiv acest proiect promițător într-un impas. Cauzele acestui eșec pot fi căutate în principal în factori de natură pur tehnologică și în lipsa participării la proiect a marilor case de software. Dar să vedem ce este: mediile 3D necesită utilizarea hardware-ului cu anumite caracteristici pe care piața din acel moment nu era încă în măsură să le ofere. Mai mult, lipsa suportului din partea browserelor a făcut dificilă integrarea scenariului 3D în browserul utilizat de utilizator. Alte cauze pot fi urmărite până la expertiza tehnică specifică sofisticată pe care o cerea noua tehnologie, lipsită de designeri de web și lipsa de dorință a companiilor de case de software de a stabili un standard „deschis”. În plus, datorită acestei ultime condiții, multe companii de top, precum Macromedia (ulterior absorbite de Adobe ) și-au dezvoltat propriul standard pe care să își bazeze aplicațiile, introducând astfel o concurență reală între standardele proprietare și cele în schimb Open source, cum ar fi VRML .

În acest moment, sa crezut că VRML a fost un eșec total destinat să dispară foarte curând în panorama tehnologiilor 3D pentru web. Dar nu a fost așa. Datorită nașterii unui nou grup în 1996 , VRML Consortium, denumit ulterior Web 3D Consortium , a promovat utilizarea VRML cu o puternică orientare spre piață. VRML a fost înlocuit cu X3D [4] , un standard născut grație suportului Microsoft , Sun Microsystem și W3C , care se bazează pe limbajul XML și aduce cu sine îmbunătățiri semnificative.

Această situație de dualitate între dorința de a crea un standard open source și dorința din partea companiilor de a crea aplicații open source, încercând să își afirme tehnologia față de altele, nu a condus la nicio concluzie și, de fapt, la definirea unui standard care învinge clar pe ceilalți. Există un număr considerabil de companii care realizează servicii 3D în scopuri pur comerciale, fiecare dintre acestea dezvoltându-și propriul player [2] . De exemplu, Adobe Flash (învechit din 31 decembrie 2020 [5] ) a reușit să creeze animații 3D, inclusiv interactive [6] cu pluginul Flash Player.

În consecință, utilizatorul trebuie să instaleze o cantitate substanțială de plugin-uri pentru ca jucătorii 3D să poată vizualiza tot conținutul 3D disponibil în prezent pe web.

Instrumente pentru crearea scenariilor 3D

Pictogramă lupă mgx2.svg Același subiect în detaliu: grafică 3D și redare .

În prezent există mai multe instrumente utilizate pentru crearea scenariilor 3D. Cu toate acestea, de la început, limbajele de markup au fost folosite pentru a crea scenarii 3D adaptabile la o pagină HTML .

Unele dintre cele mai cunoscute limbaje de markup sunt:

Aceste formate pot fi vizualizate de pe o pagină HTML prin intermediul unor pluginuri speciale.

În plus față de aceste standarde de modelare utilizate pentru a descrie scenarii 3D, acest sector prezintă tehnologii cu alte caracteristici: vorbim despre biblioteci și, în unele cazuri, despre software real capabil să creeze medii 3D bazate pe OpenGL , biblioteca grafică de bază, fără a utiliza totuși limbaje de marcare standard [7] .

Pentru a profita de caracteristicile OpenGL multi-limbă și multi-platformă, au fost dezvoltate multe legături pentru această bibliotecă, în multe limbi. Printre cele mai importante găsim biblioteca OpenSceneGraph și biblioteca inovatoare Java 3D care se bazează pe OpenGL pentru a profita de accelerația hardware. În plus, Sun Microsystems a publicat o bibliotecă open source , care oferă legături la comenzile OpenGL în Java . Această bibliotecă se numește JOGL .

Exemplu OpenGL
Exemplu OpenGL

Google a creat, de asemenea, o bibliotecă pentru a construi scenarii 3D pe Web. Este O3D , creat cu intenția de a deveni rapid unul dintre standardele 3D de top de pe Web.

Tehnologia Blend4Web se impune ca un instrument puternic pentru exportul scenelor create în Blender în aplicații bazate pe WebGL [8] (tehnologie bazată pe HTML5 Canvas care nu necesită pluginuri, din 2019 acceptată de toate browserele [9] ), care poate fi integrată într-o pagină web. Această tehnologie are un add-on Blender, care permite exportul scenei pe o pânză de pagină și un cadru complet de dezvoltare JavaScript și API-uri avansate care vă permit să creați interacțiuni complexe cu utilizatorii, animații, simulări fizice, integrarea elementelor 2D / 3D , suport pentru dispozitive de realitate virtuală , toate destinate să creeze aplicații web pentru vizualizare științifică, navigare în medii virtuale, cercetare a patrimoniului cultural, prezentare.

Chiar și proprietatea de transformare CSS3 3D este capabilă să creeze câteva animații de bază și obiecte 3D interactive [10] .

Unele programe de modelare 3D pot exporta creații web 3D ca WebGL fără a scrie codul de la zero [11] .

Fotografii secvențiale ale unui telefon mobil care, alături de codul JQuery, dau iluzia mișcării tridimensionale
Fotografii secvențiale ale unui telefon mobil care oferă iluzia mișcării tridimensionale

Web 3D simulat

JS 360 ° grad

Cu JQuery este posibil să creați un 3D simulat [12] , adică să faceți mai multe fotografii ale unui obiect în diferite poziții care apoi prin codul JavaScript permit utilizatorului să îl rotească la 360 de grade cu mouse-ul sau degetul, creând un efect dimensional. Se poate face și cu un peisaj sau un interior (al unei clădiri, al unei mașini etc.). Nu este nevoie să instalați pluginuri și este o metodă acceptată de toate browserele, chiar și Internet Explorer 8 [13] [14] . În practică, se folosește aceeași tehnică ca și pentru animațiile video, GIF și Adobe Flash (un cadru după altul care creează iluzia mișcării, la fel ca filmul cinematografic ).

SVG

Cu SVG și JavaScript integrate puteți crea animații și efecte care creează iluzia tridimensionalității cu unele posibilități de interacțiune cu utilizatorul [15] [16] [17] [18] .

Imagini de perspectivă

  • Acest computer încorporat în 3D a fost eliminat de fundal, pus în perspectivă și salvat în PNG transparent (sau GIF). Acest lucru îl face să creeze o iluzie de tridimensionalitate pe pagina web.

    Acest computer încorporat în 3D a fost eliminat de fundal, pus în perspectivă și salvat în PNG transparent (sau GIF ). Acest lucru îl face să creeze o iluzie de tridimensionalitate pe pagina web.

  • Acest glisor (JS sau CSS 3) este alcătuit din mai multe imagini care conțin obiecte în perspectivă și, derulându-le, oferă iluzia că telefoanele mobile se rotesc în diferite planuri tridimensionale și se mișcă.

  • GIF format din mai multe redări ale scheletului plasat în ordine. În acest caz, utilizatorul nu poate interacționa cu scheletul.

    GIF format din mai multe redări ale scheletului plasat în ordine. În acest caz, utilizatorul nu poate interacționa cu scheletul.

Sistem de gestionare a conținutului

Pictogramă lupă mgx2.svg Același subiect în detaliu: Sistem de gestionare a conținutului .

Există pluginuri CMS care vă permit să integrați tehnici web 3D în CMS [19] [20] [21] .

Aplicații

Pictogramă lupă mgx2.svg Același subiect în detaliu: Tur virtual .

Tehnologia 3D este adesea utilizată pe World Wide Web cu scopul de a vizualiza hărți terestre și geografice tridimensionale. Utilizarea scenariilor 3D face consultarea hărții foarte realistă și, prin urmare, facilitează înțelegerea acesteia pentru utilizatori. Acest tip de aplicație se numește Geo-Viewers (dar și Map-Viewers sau Terrain-Viewers) [22] .

3D este, de asemenea, utilizat în domeniile medical / științific, arhitectural și videogaming [23] [24] [25] . De asemenea, este utilizat pentru prezentarea diferitelor produse [26] .

Critici

3D-mobil-desktop
Limite de accesibilitate și utilizare a unei pagini web 3D pe dispozitive mobile. Dacă ați menține dimensiunea desktop a zonelor care pot fi făcute clic pe mobil, acestea s-ar suprapune

Jacob Nielsen și Hoa Loranger (experți în utilizare și accesibilitate web) au criticat utilizarea 3D pe web din următoarele motive [27] [28] [29] :

  • Odată cu nașterea dispozitivelor mobile, nu este întotdeauna posibil să adaptați o pagină web 3D la acestea sau, în orice caz, chiar dacă faceți acest lucru, navigabilitatea nu este aceeași ca pe desktop, deoarece degetul are o zonă de clic mai largă decât indicatorul mouse - ului [30]
  • O pagină web 3D poate provoca probleme de utilizare utilizatorilor care au probleme fizice cu mâinile și, prin urmare, o navigabilitate mai limitată [31]
  • De multe ori nu este posibil să se utilizeze etichete accesibile precum ALT, TITLE, LONGDESC și nici să se ofere o alternativă text la conținutul multimedia [32] . Prin urmare, utilizatorii care folosesc cititoare de ecran ar putea fi penalizați
  • Costul unei pagini 3D este de obicei mult mai mare decât o pagină HTML standard [33] , astfel încât cheltuielile inițiale pot să nu fie neapărat proporționale cu venitul ulterior
  • Dacă utilizatorul nu este un expert, este posibil să aibă probleme în înțelegerea și interpretarea navigării unei pagini 3D, care este de obicei mai complexă decât o pagină HTML standard.
  • Multe tehnologii 3D necesită instalarea de pluginuri suplimentare [34] și acest lucru poate deranja utilizatorul
  • Dacă utilizatorul nu are o conexiune rapidă și dispozitive de înaltă rezoluție, paginile 3D pot apărea lent și granulat
  • Dacă pagina 3D dorește să vândă un produs sau serviciu, utilizatorul se va concentra pe interfața tridimensională în locul produsului prezentat [29]
  • Actualizarea și / sau modificarea unei pagini 3D necesită foarte des o intervenție considerabilă și de cele mai multe ori cineva este obligat să contacteze creatorul său, nu ca de exemplu în cazul paginilor realizate în HTML sau CMS, cum ar fi Wordpress, care sunt de obicei instrumente mai simple și rapide să înveți și să folosești
Aceste două animații 3D au un text care urmărește tridimensionalitatea obiectelor pe care este poziționată, astfel încât este greu de citit, mai ales dacă obiectele se mișcă.
Aceste două animații 3D au un text care urmărește tridimensionalitatea obiectelor pe care este poziționată, astfel încât este dificil de citit, mai ales dacă obiectele se mișcă.
  • Dacă tehnologia 3D utilizată ar trebui să se schimbe și / sau să devină învechită [35] [36] , clientul ar fi obligat să refacă pagina de la zero sau să o închidă așa cum s-a întâmplat în anii în care Adobe Flash a început să nu mai folosească din HTML5 -CSS3
  • Dacă compania pe care te-ai bazat pentru a construi pagina 3D se închide, livrarea proiectului către o nouă companie nu este la fel de ușoară ca trecerea unui proiect standard la HTML, CSS sau Wordpress.
  • Butonul „înapoi” și „înainte” al browserului de multe ori nu funcționează pe o pagină 3D. Adică, utilizatorul, făcând clic pe aceste butoane, găsește pagina anterioară sau următoare vizitată în istoric, nu pagina anterioară sau următoare a aceluiași site web
  • Uneori, textul și imaginile unei pagini 3D nu pot fi selectate de utilizator și nici nu pot fi copiate și salvate
  • Termenii de livrare pentru a crea pagini 3D sunt în general mai lungi decât cei care necesită pagini HTML sau Wordpress
Doar prima pagină din stânga sus este compatibilă cu SEO, comparativ cu celelalte create doar cu tehnici web 3D
Doar prima pagină din stânga sus este compatibilă cu SEO în comparație cu celelalte create doar cu tehnici web 3D
  • Nu toate noile tehnologii sunt în pas cu browserele și invers. Internet Explorer (învechit din 2020), de exemplu, nu a acceptat WebGL atunci când Chrome și Safari au făcut-o. Au trecut ani înainte ca WebGL să poată fi folosit pe toate browserele, așa că dacă ați folosit această tehnologie, utilizatorii Internet Explorer [37] [38] erau excluși din experiența 3D.
  • Multe produse (de exemplu, un tricou, parfum, cremă, marker) nu câștigă valoare adăugată cu o interfață 3D, deoarece utilizatorii nu trebuie să le vadă în detaliu din diferite unghiuri și dimensiuni [39]
  • Adesea utilizatorii doresc să găsească informații cât mai repede posibil pe web și unele interfețe 3D au nevoie de timp pentru a învăța cum să navigheze, neavând clasicele pagini HTML [31]
  • Codul unei pagini 3D este foarte diferit, mai complex și mai lung decât o pagină HTML-CSS standard și acest lucru poate afecta SEO . De fapt, Web-ul 3D ar trebui să fie integrat în pagini HTML standard, dar nu trebuie utilizat singur pentru a crea întreaga pagină, cu excepția cazului în care site-ul care găzduiește acea pagină este deja indexat foarte bine de la sine.

Experimente Google Chrome

Google Chrome Experiments este un showroom online de experimente bazate pe 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) [40] [41] [42] .

Exemple

  • Mașină

    Mașină

  • Chipul uman

    Chipul uman

  • Angrenaj

    Angrenaj

Notă

  1. ^ interactivelab.it ,https://www.interactivelab.it/web-3d-in-tempo-reale/ .
  2. ^ a b Standarde recomandate | Consorțiul Web3D , pe www.web3d.org . Adus de 03 februarie 2021.
  3. ^ Realitate virtuală independentă a platformei , la www.w3.org . Adus de 03 februarie 2021.
  4. ^ x3d , la news.zdnet.co.uk . Adus la 3 februarie 2021 (arhivat din original la 12 noiembrie 2009) .
  5. ^ Flash și viitorul conținutului interactiv , la theblog.adobe.com , Adobe. Adus la 19 septembrie 2018 (arhivat din original la 2 decembrie 2017) .
  6. ^ Bliț 3D , pe youtube.com .
  7. ^ OpenGL Extensions Viewer pentru Mac: Descărcare gratuită + Recenzie [Ultima versiune] , la www.macupdate.com . Adus de 03 februarie 2021.
  8. ^ (EN) Giles Thomas, Paul Lewis 15 martie 2017, 20 de exemple uimitoare de WebGL în acțiune , pe Creative Bloq. Adus de 03 februarie 2021.
  9. ^ (EN) Unity Technologies, Unity - Manual: WebGL Browser Compatibility , pe docs.unity3d.com. Adus de 03 februarie 2021.
  10. ^ CSS3 3D Transforms , pe www-db.deis.unibo.it . Adus de 03 februarie 2021.
  11. ^ (EN) Alexander Kovelenov, Blender to WebGL in 4 Simple Steps - un ghid de pornire rapidă pentru tehnologia web 3D , pe Soft8Soft, 9 august 2018. Accesat pe 3 februarie 2021.
  12. ^ 10 Cele mai bune pluginuri de vizualizare a produselor la 360 de grade în JavaScript | jQuery Script , la www.jqueryscript.net . Adus de 05 februarie 2021.
  13. ^ (EN) Aram Vardanyan, 8 instrumente Javascript pentru a crea vizualizatori Photosphere la 360 de grade pe mediu, 26 ianuarie 2021. Adus pe 5 februarie 2021.
  14. ^ (EN) jQuery Foundation- jquery.org, Browser Support in jQuery 1:12 and Beyond | Blog oficial jQuery , la blog.jquery.com . Adus de 05 februarie 2021.
  15. ^ jQuery SVG 3D Tag Cloud Plugin Exemplu , la www.jqueryscript.net . Adus la 18 februarie 2021 .
  16. ^ three.js docs , la threejs.org . Adus la 18 februarie 2021 .
  17. ^ seen.js , pe seenjs.io . Adus la 18 februarie 2021 .
  18. ^ (EN) Lucamug, SVG de redare 3D de bază: elm-playground-3d , pe mediu, 19 noiembrie 2019. Adus la 18 februarie 2021.
  19. ^ (RO) 13 cele mai bune teme WordPress 3D pentru site-uri web - [2020 actualizat] pe webCREATE, 14 decembrie 2020. Accesat la 18 februarie 2021.
  20. ^ (RO) 5 cele mai bune pluginuri WordPress vizualizare panoramică 360 în 2018 , pe teme WordPress imobiliare din WpEstate, 13 aprilie 2018. Accesat la 18 februarie 2021.
  21. ^ (EN) Thomas Scholl, canvasio3D Light , pe WordPress.org. Adus la 18 februarie 2021 .
  22. ^ 3d , pe webgis.arpa.piemonte.it . Adus de 03 februarie 2021.
  23. ^ Schelet uman interactiv 3D simplu în WebGl - YouTube , pe www.youtube.com . Adus de 03 februarie 2021.
  24. ^ Clădire 3D , pe artstation.com .
  25. ^ (RO) PlayCanvas - Primul motor de joc pe Web , pe PlayCanvas.com. Adus de 03 februarie 2021.
  26. ^ (RO) Cele mai bune site-uri WebGL | Web Design Inspiration , la www.awwwards.com . Adus de 05 februarie 2021.
  27. ^ Jacob Nielsen și Hoa Loranger, Web Usability 2.0 , Apogeo.
  28. ^ (EN) Lideri mondiali în experiența utilizatorului bazată pe cercetare, prioritizarea utilizabilității web: carte de Jakob Nielsen și Hoa Loranger , de la Nielsen Norman Group. Adus de 05 februarie 2021.
  29. ^ a b ( EN ) Liderii mondiali în experiența utilizatorului bazată pe cercetare, 2D este mai bun decât 3D , pe Nielsen Norman Group . Adus de 05 februarie 2021.
  30. ^ (EN) Lideri mondiali în experiența utilizatorului bazată pe cercetare, Mouse vs. Degete ca dispozitiv de intrare , pe grupul Nielsen Norman . Adus de 05 februarie 2021.
  31. ^ A b (EN) Accesibilitatea modelului 3D , Scott Vinkle. Adus de 05 februarie 2021.
  32. ^ Accesibilitate multimedia - Aflați web | MDN , la developer.mozilla.org . Adus de 05 februarie 2021.
  33. ^ (RO) Cât costă să construiești un site 3D minunat pe Global IIH, 3 aprilie 2019. Accesat pe 5 februarie 2021.
  34. ^ Resurse X3D , la www.web3d.org . Adus de 05 februarie 2021.
  35. ^ VRML - NoskeWiki , la andrewnoske.com . Adus de 05 februarie 2021.
  36. ^ Time to Say Goodbye to Flash Player Forever , on Wired , 12 ianuarie 2021. Adus pe 5 februarie 2021 .
  37. ^ Internet Explorer 10 acceptă WebGL? , pe Super User . Adus de 05 februarie 2021.
  38. ^ (EN) Unity Technologies, Unity - Manual: WebGL Browser Compatibility , pe docs.unity3d.com. Adus de 05 februarie 2021.
  39. ^ ( RO ) 5 componente web fanteziste (dar inutile) pe care ar trebui să le evitați - SitePoint , la www.sitepoint.com . Adus de 05 februarie 2021.
  40. ^ Intră pe hartă cu Google MapsGL , pe googleblog.blogspot.in , blogul oficial Google. Adus la 15 decembrie 2012 .
  41. ^ MapsGL , la support.google.com , Google Maps. Adus la 15 decembrie 2012 .
  42. ^ 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 .
Informatică Portal IT : accesați intrările Wikipedia care se ocupă cu IT
Adus de la „ https://it.wikipedia.org/w/index.php?title=Web_3D&oldid=122060214 ”