Web 3D: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
Inseritore (discussione | contributi)
Funzionalità collegamenti suggeriti: 2 collegamenti inseriti.
 
(22 versioni intermedie di 10 utenti non mostrate)
Riga 1:
'''Web 3D''' è un termine usato per indicare i contenuti 3D interattivi inseriti in una pagina [[HTML]], visualizzabili da un comune browser attraverso un particolare Web 3D viewer<ref>{{cita web|url=https://www.interactivelab.it/web-3d-in-tempo-reale/|lingua= |data= |accesso= |}}</ref>. Si utilizza il concetto di '''Web 3D''' anche per indicare una possibile evoluzione del Web in cui viene abbandonata l'idea di pagina e ci si immerge in uno spazio tridimensionale interattivo.
 
==Storia==
In principio fu [[VRML]], un linguaggio testuale capace di descrivere un ambiente 3D, a comparire sulla scena delle tecnologie 3D esclusivamente pensate per le applicazioni Web. <br>Era il [[1994]] quando [[Tim Berners-Lee]] e [[Dave Raggett]], durante la prima conferenza annuale sul [[World Wide Web]] tenutasi a [[Ginevra]], iniziarono seriamente a pensare ad un linguaggio comune che descrivesse gli scenari 3D e i relativi [[HyperlinkCollegamento ipertestuale|collegamenti]] con il Web. Nacque così la prima versione di [[VRML]], un [[linguaggio di programmazione]] che prometteva di regalare agli internauti la navigazione in 3D<ref name=":0">{{Cita web|url=https://www.web3d.org/standards|titolo=Recommended Standards {{!}} Web3D Consortium|sito=www.web3d.org|accesso=2021-02-03}}</ref><ref>{{Cita web|url=https://www.w3.org/People/Raggett/vrml/vrml.html|titolo=Platform Independent Virtual Reality|sito=www.w3.org|accesso=2021-02-03}}</ref>.
 
Dopo un inizio brillante e pieno di aspettative, in cui nacquero numerose aziende pronte a muoversi in questo nuovo campo di ricerca e sviluppare così nuovi standard per un cospicuo ritorno economico, le promesse non vennero mantenute e la navigazione in tre dimensioni rimase solo un'utopia. Molte società 3D abbandonarono il lavoro e cambiarono attività, lasciando di fatto questo promettente progetto in uno stato di stallo. Le cause di questo insuccesso possono essere principalmente ricercate in fattori di natura prettamente tecnologica e in una mancata partecipazione al progetto da parte delle grandi [[Casa di sviluppo|software house]]. Ma vediamo meglio di cosa si tratta: gli ambienti 3D richiedono l'utilizzo di hardware con certe caratteristiche che il mercato di allora non era ancora in grado di offrire. Inoltre il mancato supporto da parte dei browser, rendeva difficile l'integrazione dello scenario 3D nel browser utilizzato dall'utente. Altre cause possono essere ricondotte alla sofisticata competenza tecnica specifica che la nuova tecnologia richiedeva, carente nei web designer, e alla poca volontà da parte delle aziende di software house di costituire uno standard che fosse "open". Inoltre, a causa di quest'ultima condizione, molte aziende leader come [[Macromedia]] (successivamente assorbita da [[Adobe (azienda)|Adobe]]) hanno sviluppato un proprio standard sul quale basare le proprie applicazioni, introducendo quindi una vera e propria competizione tra standard proprietari e quelli invece [[Openopen source]] come [[VRML]].
 
Giunti a questo punto si pensava che [[VRML]] fosse un totale fallimento destinato a scomparire molto presto nel panorama delle tecnologie 3D per il web. Ma non fu così. Grazie alla nascita di un nuovo gruppo nel [[1996]], il VRML Consortium, successivamente denominato [[Web 3D Consortium]] si promuoveva l'uso di VRML con un forte orientamento verso il mercato. [[VRML]] è stato sostituito da [[X3D]]<ref>{{Cita web|url=http://news.zdnet.co.uk/internet/0,1000000097,39199121,00.htm|titolo=x3d|accesso=3 febbraio 2021|dataarchivio=12 novembre 2009|urlarchivio=https://web.archive.org/web/20091112200449/http://news.zdnet.co.uk/internet/0,1000000097,39199121,00.htm|urlmorto=sì}}</ref>, standard nato grazie al sostegno di [[Microsoft]], [[Sun Microsystem]] e del [[W3C]], che si basa sul linguaggio [[XML]] e porta con sé notevoli migliorie.
 
Questa situazione di dualità tra il desiderio di realizzare uno standard [[Open source]] e la volontà da parte delle aziende di creare applicazioni closed source, cercando di affermare sugli altri la propria tecnologia, non portò a nessuna conclusione e di fatto non si è arrivati alla definizione di uno standard vincente in maniera netta sugli altri. C'è un considerevole numero di società che realizzano servizi 3D per puro scopo commerciale, ognuna delle quali sviluppa un proprio player<ref name=":0" />. Ad esempio [[Adobe Flash]] (obsoleto dal 31 dicembre 2020<ref name="finevita">{{cita web|url=https://theblog.adobe.com/adobe-flash-update/|titolo=Flash & The Future of Interactive Content|editore=Adobe|accesso=19 settembre 2018|urlarchivio=https://web.archive.org/web/20171202123704/https://theblog.adobe.com/adobe-flash-update/#|dataarchivio=2 dicembre 2017|urlmorto=sì}}</ref>) era in grado di creare animazioni 3D anche interattive<ref>{{Cita web|url=https://www.youtube.com/watch?v=Q3oQQkov-Bw|titolo=3d flash}}</ref> con il plugin Flash Player.
Riga 13:
 
==Strumenti per la creazione di scenari 3D==
{{Vedi anche|grafica 3d|Rendering}}
 
Attualmente esistono diversi strumenti utilizzati per la creazione di scenari 3D. Tuttavia, sin dal principio furono utilizzati i linguaggi di [[Markup]] per la creazione di scenari 3D adattabili ad una pagina [[HTML]].
 
Alcuni dei [[Linguaggio di markup|linguaggi di marcatura]] più noti sono: [[VRML]], [[X3D]], [[Keyhole Markup Language|KML]], [[3DMLW]], [[COLLADA]] e [[Burster]] ([[Blender (programma)|Blender]] Web Plugin). Questi formati sono visualizzabili da una pagina [[HTML]] attraverso dei [[plugin (informatica)|plugin]] appositi.
Alcuni dei linguaggi di [[Markup]] più noti sono:
* [[VRML]]
* [[X3D]]
* [[Keyhole Markup Language|KML]]
* [[3DMLW]]
* [[COLLADA]]
* [[Burster]] ([[Blender (programma)|Blender]] Web Plugin)
Questi formati sono visualizzabili da una pagina [[HTML]] attraverso dei [[plugin (informatica)|plugin]] appositi.
 
Oltre a questi standard di modellazione usati per descrivere gli scenari 3D, questo settore presenta tecnologie dotate di altre caratteristiche: stiamo parlando delle librerie e in alcuni casi di veri e propri software in grado di realizzare ambienti 3D che si basano su [[OpenGL]], la libreria grafica di base, senza tuttavia fare uso di linguaggi di [[Markup]]markup standard<ref>{{Cita web|url=https://www.macupdate.com/app/mac/17087/opengl-extensions-viewer|titolo=OpenGL Extensions Viewer for Mac: Free Download + Review [Latest Version]|sito=www.macupdate.com|accesso=2021-02-03}}</ref>.
 
Con lo scopo di sfruttare le caratteristiche multi-linguaggio e multi-piattaforma di [[OpenGL]], sono stati sviluppati molti binding per questa libreria, in molti linguaggi. Tra i più importanti troviamo la libreria [[OpenSceneGraph]], e l'innovativa libreria [[Java 3D]] che si appoggia su [[OpenGL]] per sfruttarne l'accelerazione hardware. Inoltre [[Sun Microsystems]] ha pubblicato una libreria [[Open source]], che fornisce binding ai comandi [[OpenGL]] in [[Java (linguaggio di programmazione)|Java]]. Questa libreria si chiama [[JOGL]].
Riga 30 ⟶ 25:
Anche [[Google]] ha creato una libreria per costruire scenari 3D su Web. Si tratta di [[O3D]], realizzata con l'intenzione di diventare in breve tempo uno dei principali standard 3D su Web.
 
La tecnologia [[Blend4Web]] si sta affermando come potente strumento di esportazione di scene realizzate in [[Blender (programma)|Blender]] in applicazioni basate su [[WebGL|WebGL-based]]<ref>{{Cita web|url=https://www.creativebloq.com/3d/30-amazing-examples-webgl-action-6142954|titolo=20 amazing examples of WebGL in action|autore=Giles Thomas, Paul Lewis15 March 2017|sito=Creative Bloq|lingua=en|accesso=2021-02-03}}</ref> (tecnologia basata su [[Canvas (elemento HTML)|HTML5 Canvas]] che non richiede plugin, dal 2019 circa supportata da tutti i [[browser]]<ref>{{Cita web|url=https://docs.unity3d.com/Manual/webgl-browsercompatibility.html|titolo=Unity - Manual: WebGL Browser Compatibility|autore=Unity Technologies|sito=docs.unity3d.com|lingua=en|accesso=2021-02-03}}</ref>), integrabili in una [[pagina web]]. Tale tecnologia dispone di un [[Plugin (informatica)|add-on]] di Blender, che permette l'esportazione della scena in un [[Canvas (elemento HTML)|canvas]] della pagina, e di un [[Framework per applicazioni web|framework]] completo di sviluppo [[JavaScript]] ed [[Application programming interface|API]] avanzate che permettono di creare interazioni utente complesse, animazioni, simulazioni fisiche, integrazione di elementi 2D/3D, supporto di dispositivi per la [[realtà virtuale]], il tutto destinato a realizzare applicazioni web per la visualizzazione scientifica, navigazione di ambienti virtuali, cultural-heritage research, showcasing.
 
Anche la proprietà [[CSS|CSS3 3D transform]] è in grado di creare alcuni basilari animazioni e oggetti 3D interattivi<ref>{{Cita web|url=http://www-db.deis.unibo.it/courses/TW/DOCS/w3schools/css/css3_3dtransforms.asp.html|titolo=CSS3 3D Transforms|sito=www-db.deis.unibo.it|accesso=2021-02-03}}</ref>.
 
Alcuni software di [[modellazione 3D]] possono esportare creazioni per il web 3D come WebGL senza scrivere il codice da zero<ref>{{Cita web|url=https://www.soft8soft.com/blender-to-webgl-in-4-simple-steps/|titolo=Blender to WebGL in 4 Simple Steps - a quick start guide to 3D web technology|autore=Alexander Kovelenov|sito=Soft8Soft|data=2018-08-09|lingua=en-US|accesso=2021-02-03}}</ref>.
[[File:3d-simulation-jquery.png|alt=Foto in sequenza di un cellulare che, unite dal codice JQuery, danno l'illusione di movimento tridimensionale|miniatura|Foto in sequenza di un cellulare che danno l'illusione di movimento tridimensionale]]
 
=== Web 3D simulato ===
 
==== JS 360° degree ====
Con [[JQuery]] è possibile creare un 3D simulato<ref>{{Cita web|url=https://www.jqueryscript.net/blog/best-360-product-view.html|titolo=10 Best 360 Degree Product View Plugins In JavaScript {{!}} jQuery Script|accesso=2021-02-05}}</ref>, ossia scattare più fotografie di un oggetto in diverse posizioni che poi attraverso il codice [[JavaScript]] permettere all'utente di ruotarlo di 360 gradi con il mouse o il dito creando un effetto tridimensionale. Si può anche fare con un paesaggio o un interno (di un edificio, un automobile, ecc.). Non serve installare plugin ed è un metodo che supportano tutti i browser, anche [[Windows Internet Explorer 8|Internet Explorer 8]]<ref>{{Cita web|url=https://aramvr.medium.com/8-javascript-tools-to-create-360-degree-photosphere-viewers-85261f86aeb3|titolo=8 Javascript tools to create 360 degree Photosphere viewers|autore=Aram Vardanyan|sito=Medium|data=2021-01-26|lingua=en|accesso=2021-02-05}}</ref><ref>{{Cita web|url=https://blog.jquery.com/2014/04/02/browser-support-in-jquery-1-12-and-beyond/|titolo=Browser Support in jQuery 1.12 and Beyond {{!}} Official jQuery Blog|autore=jQuery Foundation- jquery.org|lingua=en-US|accesso=2021-02-05}}</ref>. Si usa in pratica la stessa tecnica delle animazioni video, [[Graphics Interchange Format|GIF]] e [[Adobe Flash]] (un frame dopo l'altro che creano l'illusione di movimento, esattamente come la [[pellicola cinematografica]]).
 
==== SVG ====
Con [[Scalable Vector Graphics|SVG]] e [[JavaScript]] integrati si possono creare animazioni ed effetti che creano l'illusione della [[tridimensionalità]] con alcune possibilità di interazione con l'utente<ref>{{Cita web|url=https://www.jqueryscript.net/demo/3D-Interactive-SVG-Tag-Cloud-Plugin-With-jQuery-SVG-3D-Tag-Cloud/|titolo=jQuery SVG 3D Tag Cloud Plugin Example|accesso=2021-02-18}}</ref><ref>{{Cita web|url=https://threejs.org/docs/#examples/en/renderers/SVGRenderer|titolo=three.js docs|accesso=2021-02-18}}</ref><ref>{{Cita web|url=http://seenjs.io/|titolo=seen.js|accesso=2021-02-18}}</ref><ref>{{Cita web|url=https://medium.com/@l.mugnaini/basic-3d-rendering-in-svg-elm-playground-3d-d1e8846cd06e|titolo=Basic 3D rendering in SVG: elm-playground-3d|autore=Lucamug|sito=Medium|data=2019-11-19|lingua=en|accesso=2021-02-18}}</ref>.
 
==== Immagini prospettiche ====
<gallery>
File:3dsimulato.png|alt=A questo computer costruito in 3D è stato tolto lo sfondo, messo in prospettiva e salvato in PNG trasparente (o GIF). Ciò fa sì che crei un'illusione di tridimensionalità nella pagina web.|A questo computer costruito in 3D è stato tolto lo sfondo, messo in prospettiva e salvato in [[PNG (informatica)|PNG]] trasparente (o [[Graphics Interchange Format|GIF]]). Ciò fa sì che crei un'illusione di tridimensionalità nella pagina web.
File:3d-simulato-phone.png|Questa slider (JS o CSS 3) è formata da più immagini contenenti oggetti in prospettiva e, scorrendole, danno l'illusione che i cellulari ruotino su diversi piani tridimensionali e si spostino.
File:Latissimus dorsi muscle animation.gif|alt=GIF formata da più rendering dello scheletro messi in sequenza. In questo caso l'utente non può interagire con lo scheletro.|[[Graphics Interchange Format|GIF]] formata da più [[rendering]] dello scheletro messi in sequenza. In questo caso l'utente non può interagire con lo scheletro.
</gallery>
 
== Content management system ==
{{Vedi anche|Content management system}}
Esistono plugin per CMS che permettono di integrare tecniche di Web 3D nei CMS<ref>{{Cita web|url=https://www.webcreate.me/3d-wordpress-themes/|titolo=13 Best 3D WordPress Themes for Websites - [2020 Updated]|sito=webCREATE|data=2020-12-14|lingua=en-US|accesso=2021-02-18}}</ref><ref>{{Cita web|url=https://wpestate.org/5-best-wordpress-360-panorama-view-plugins-in-2018/|titolo=5 Best WordPress 360 panorama view plugins in 2018|data=2018-04-13|lingua=en-US|accesso=2021-02-18}}</ref><ref>{{Cita web|url=https://wordpress.org/plugins/canvasio3d-light/|titolo=canvasio3D Light|autore=Thomas Scholl|sito=WordPress.org|lingua=en-US|accesso=2021-02-18}}</ref>.
 
==Applicazioni==
{{Vedi anche|Visita virtuale}}
Spesso la tecnologia 3D viene impiegata nel World Wide Web con lo scopo di visualizzare terreni e mappe geografiche tridimensionali. L'uso di scenari 3D rende molto realistica la consultazione della mappa e ne facilita quindi la sua comprensione agli utilizzatori. Questo tipo di applicazione prende il nome di [[Geo-Viewers]] (ma anche Map-Viewers o Terrain-Viewers)<ref>{{Cita web|url=http://webgis.arpa.piemonte.it/risknat/index.php/servizi-geoportale/geoviewer-3d|titolo=3d|sito=webgis.arpa.piemonte.it|accesso=2021-02-03}}</ref>.
 
Spesso la tecnologia 3D viene impiegata nel World Wide Web con lo scopo di visualizzare terreni e mappe geografiche tridimensionali. L'uso di scenari 3D rende molto realistica la consultazione della mappa e ne facilita quindi la sua comprensione agli utilizzatori. Questo tipo di applicazione prende il nome di [[Geo-Viewers]] (ma anche Map-Viewers o Terrain-Viewers)<ref>{{Cita web|url=http://webgis.arpa.piemonte.it/risknat/index.php/servizi-geoportale/geoviewer-3d|titolo=3d|sito=webgis.arpa.piemonte.it|accesso=2021-02-03|dataarchivio=8 febbraio 2021|urlarchivio=https://web.archive.org/web/20210208021351/http://webgis.arpa.piemonte.it/risknat/index.php/servizi-geoportale/geoviewer-3d|urlmorto=sì}}</ref>.
Anche in campo medico\scientifico, architettonico e videogaming viene fatto ricorso al 3D<ref>{{Cita web|url=https://www.youtube.com/watch?v=RFARzjKdxAk|titolo=Simple 3D interactive Human Skeleton in WebGl - YouTube|sito=www.youtube.com|accesso=2021-02-03}}</ref><ref>{{Cita web|url=https://www.artstation.com/artwork/qArwYR|titolo=palazzo 3d}}</ref><ref>{{Cita web|url=https://playcanvas.com/|titolo=PlayCanvas - The Web-First Game Engine|sito=PlayCanvas.com|lingua=en|accesso=2021-02-03}}</ref>.
 
Anche in campo medico\scientifico, architettonico e videogaming viene fatto ricorso al 3D<ref>{{Cita web|url=https://www.youtube.com/watch?v=RFARzjKdxAk|titolo=Simple 3D interactive Human Skeleton in WebGl - YouTube|sito=www.youtube.com|accesso=2021-02-03}}</ref><ref>{{Cita web|url=https://www.artstation.com/artwork/qArwYR|titolo=palazzo 3d}}</ref><ref>{{Cita web|url=https://playcanvas.com/|titolo=PlayCanvas - The Web-First Game Engine|sito=PlayCanvas.com|lingua=en|accesso=2021-02-03}}</ref>. Viene inoltre utilizzato per presentare vari prodotti<ref>{{Cita web|url=https://www.awwwards.com/websites/webgl/|titolo=Best WebGL Websites {{!}} Web Design Inspiration|lingua=en|accesso=2021-02-05}}</ref>.
 
== Critiche ==
[[File:3D-mobile-desktop.png|alt=3D-mobile-desktop|miniatura|Limiti di accessibilità e usabilità di una pagina web 3D sui dispositivi mobili. Se si mantenesse la dimensione desktop delle aree cliccabili su mobile esse si accavallerebbero]]
[[Jakob Nielsen|Jacob Nielsen]] e Hoa Loranger (esperti di usabilità e accessibilità del web) hanno criticato l'uso del 3D nel web per le seguenti ragioni<ref>{{Cita libro|autore=Jacob Nielsen|autore2=Hoa Loranger|titolo=Web Usability 2.0|editore=Apogeo}}</ref><ref>{{Cita web|url=https://www.nngroup.com/books/prioritizing-web-usability/|titolo=Prioritizing Web Usability: Book by Jakob Nielsen and Hoa Loranger|autore=World Leaders in Research-Based User Experience|sito=Nielsen Norman Group|lingua=en|accesso=2021-02-05}}</ref><ref name=":1">{{Cita web|url=https://www.nngroup.com/articles/2d-is-better-than-3d/|titolo=2D is Better Than 3D|autore=World Leaders in Research-Based User Experience|sito=Nielsen Norman Group|lingua=en|accesso=2021-02-05}}</ref>:
 
* Con la nascita dei dispositivi mobili non è sempre possibile adattare una pagina web 3D ad essi, o comunque anche se ci si riesce la navigabilità non è la stessa che su desktop, poiché il dito ha un'area più ampia di click rispetto al puntatore del [[mouse]]<ref>{{Cita web|url=https://www.nngroup.com/articles/mouse-vs-fingers-input-device/|titolo=Mouse vs. Fingers as Input Device|autore=World Leaders in Research-Based User Experience|sito=Nielsen Norman Group|lingua=en|accesso=2021-02-05}}</ref>
* Una pagina web 3D può causare problemi di [[usabilità]] ad utenti che hanno problemi fisici alle mani e quindi una navigabilità più limitata<ref name=":2">{{Cita web|url=https://scottvinkle.me/blogs/work/3d-model-accessibility|titolo=3D Model Accessibility|sito=Scott Vinkle|lingua=en|accesso=2021-02-05}}</ref>
* Spesso non è possibile utilizzare tag [[Accessibilità (web)|accessibili]] come ALT, TITLE, LONGDESC, e nemmeno fornire un'alternativa testuale a contenuti multimediali<ref>{{Cita web|url=https://developer.mozilla.org/it/docs/Learn/Accessibilit%C3%A0/Multimedia|titolo=Accessibilità multimediale - Impara il web {{!}} MDN|sito=developer.mozilla.org|accesso=2021-02-05|dataarchivio=22 ottobre 2020|urlarchivio=https://web.archive.org/web/20201022105246/https://developer.mozilla.org/it/docs/Learn/Accessibilit%C3%A0/Multimedia|urlmorto=sì}}</ref>. Quindi potrebbero risultare penalizzati gli utenti che utilizzano gli [[screen reader]]
* Il costo di una pagina 3D è solitamente molto superiore a una pagina HTML standard<ref>{{Cita web|url=https://www.iihglobal.com/blog/cost-to-build-an-awesome-3d-website/|titolo=How Much Does It Cost To Build an Awesome 3D Website|sito=IIH Global|data=2019-04-03|lingua=en-GB|accesso=2021-02-05}}</ref>, quindi non è detto che la spesa iniziale sia proporzionata al guadagno successivo
* Il codice di una pagina 3D è molto diverso, più complesso e lungo di una pagina HTML-CSS standard e ciò può influire sulla [[SEO]]
* Il costo di una pagina 3D è solitamente molto superiore a una pagina HTML standard<ref>{{Cita web|url=https://www.iihglobal.com/blog/cost-to-build-an-awesome-3d-website/|titolo=How Much Does It Cost To Build an Awesome 3D Website|sito=IIH Global|data=2019-04-03|lingua=en-GB|accesso=2021-02-05}}</ref>, quindi non è detto che la spesa iniziale sia proporzionata al guadagno successivo
* Nel caso l'utente non sia esperto, può avere problemi a capire ed interpretare la navigazione di una pagina 3D che è solitamente più complessa di una pagina HTML standard
* Molte tecnologie 3D richiedono l'installazione di [[plugin (informatica)|plugin]] aggiuntivi<ref>{{Cita web|url=https://www.web3d.org/x3d/content/examples/X3dResources.html|titolo=X3D Resources|sito=www.web3d.org|accesso=2021-02-05}}</ref> e ciò può infastidire l'utente
* Se l'utente non ha una connessione veloce e dispositivi ad alta risoluzione, le pagine 3D possono apparire lente e sgranate
* Nel caso la pagina 3D voglia vendere un prodotto o servizio, l'utente sarà concentrato sull'interfaccia tridimensionale anziché sul prodotto presentato<ref name=":1" />
* Aggiornare e\o modificare una pagina 3D richiede molto spesso un intervento notevole e il più delle volte si è costretti a rivolgersi al suo creatore, non come ad esempio nel caso di pagine fatte in [[HTML]] o in [[Content management system|CMS]] come [[WordPress|Wordpress]] che sono solitamente strumenti più semplici e veloci da imparare ed utilizzare
[[File:3d-non-usabile.png|alt=Queste due animazioni in 3D hanno un testo che segue la tridimensionalità degli oggetti su cui è posizionato quindi è difficilmente leggibile, soprattutto se gli oggetti si muovono.|miniatura|Queste due animazioni in 3D hanno un testo che segue la tridimensionalità degli oggetti su cui è posizionato quindi è difficilmente leggibile, soprattutto se gli oggetti si muovono.]]
* Se la tecnologia 3D utilizzata dovesse cambiare e\o diventare obsoleta<ref>{{Cita web|url=https://andrewnoske.com/wiki/VRML|titolo=VRML - NoskeWiki|sito=andrewnoske.com|accesso=2021-02-05}}</ref><ref>{{Cita web|url=https://www.wired.it/internet/web/2021/01/12/flash-player-inattivo/|titolo=È tempo di dire addio per sempre a Flash Player|sito=Wired|data=2021-01-12|lingua=it|accesso=2021-02-05}}</ref>, il cliente sarebbe costretto a dover farsi rifare da zero la pagina o chiuderla
 
*Nel caso l'azienda a cui ci si è appoggiati per costruire la pagina 3D chiuda, consegnare il progetto ad una nuova azienda non è facile come effettuare il passaggio di un progetto standard in HTML, CSS o Wordpress.
* Se la tecnologia 3D utilizzata dovesse cambiare e\o diventare obsoleta<ref>{{Cita web|url=https://andrewnoske.com/wiki/VRML|titolo=VRML - NoskeWiki|sito=andrewnoske.com|accesso=2021-02-05}}</ref><ref>{{Cita web|url=https://www.wired.it/internet/web/2021/01/12/flash-player-inattivo/|titolo=È tempo di dire addio per sempre a Flash Player|sito=Wired|data=2021-01-12|lingua=it|accesso=2021-02-05}}</ref>, il cliente sarebbe costretto a dover farsi rifare da zero la pagina o chiuderla come successe negli anni in cui [[Adobe Flash]] iniziò a cadere in disuso a favore di HTML5-CSS3
 
*Nel caso l'azienda a cui ci si è appoggiati per costruire la pagina 3D chiuda, consegnare il progetto ad una nuova azienda non è facile come effettuare il passaggio di un progetto standard in HTML, CSS o Wordpress.
*Il pulsante "indietro" e "avanti" del browser spesso non funziona su una pagina 3D. Cioè l'utente, cliccando questi tasti, si ritrova la pagina precedente o successiva visitata nella cronologia, non la pagina precedente o successiva dello stesso sito web
*Il testo e le immagini di una pagina 3D a volte non possono essere selezionati dall'utente ne quindi copiati e salvati
*Le tempistiche per costruire pagine 3D sono generalmente più lunghe di quelle che richiedono le pagine HTML o Wordpress
[[File:Non-standard-web3d.png|alt=Solo la prima pagina in alto a sinistra è SEO-friendly rispetto alle altre create solo con tecniche di Web 3D|miniatura|Solo la prima pagina in alto a sinistra è SEO-friendly rispetto alle altre create solo con tecniche di Web 3D]]
 
* Non tutte le nuove tecnologie sono a passo con i [[browser]] e viceversa. [[Internet Explorer]] (obsoleto dal 2020) ad esempio non supportava [[WebGL]] quando [[Google Chrome|Chrome]] e [[Safari (browser)|Safari]] si. Sono passati anni prima di poter usare WebGL su tutti i browser, quindi se si usava questa tecnologia si escludevano dall'esperienza 3D gli utenti di Internet Explorer<ref>{{Cita web|url=https://superuser.com/questions/353549/does-internet-explorer-10-support-webgl|titolo=Does Internet Explorer 10 support WebGL?|sito=Super User|accesso=2021-02-05}}</ref><ref>{{Cita web|url=https://docs.unity3d.com/Manual/webgl-browsercompatibility.html|titolo=Unity - Manual: WebGL Browser Compatibility|autore=Unity Technologies|lingua=en|accesso=2021-02-05}}</ref>.
 
*Molti prodotti (ad esempio una maglietta, un profumo, una crema, un pennarello) non guadagnano valore aggiunto con un'interfaccia 3D poiché gli utenti non hanno bisogno di vederli nei minimi particolari da varie angolazioni e dimensioni<ref>{{Cita web|url=https://www.sitepoint.com/5-fancy-useless-web-components-avoid/|titolo=5 Fancy (But Useless) Web Components You Should Avoid - SitePoint|lingua=en|accesso=2021-02-05}}</ref>
*Spesso gli utenti vogliono trovare informazioni nel più breve tempo possibile sul web e alcune interfacce 3D hanno bisogno di tempo per impararne la navigazione, non avendo quella classica delle pagine HTML<ref name=":2" />
*Il codice di una pagina 3D è molto diverso, più complesso e lungo di una pagina HTML-CSS standard e ciò può influire sulla [[Ottimizzazione per i motori di ricerca|SEO]]. Il Web 3D infatti andrebbe integrato in pagine HTML standard ma non utilizzato da solo per creare l'intera pagina, a meno che il sito web che ospita tale pagina sia già indicizzato molto bene di per sé.
 
== Google Chrome Experiments ==
Google Chrome Experiments è uno showroom online di esperimenti basati su browser web, programmi interattivi e progetti artistici. Lanciato il 1°º marzo 2009, Google Chrome Experiments è un sito web ufficiale di Google che originariamente doveva testare i limiti di [[JavaScript]] e le prestazioni e le capacità del browser [[Google Chrome]]. Con il progredire del progetto, ha assunto il ruolo di mostrare e sperimentare le più recenti tecnologie open source basate sul web, come JavaScript, HTML5, WebGL, Canvas, SVG, CSS e altri. Tutti i progetti vengono inviati dagli utenti e realizzati utilizzando tecnologie open source.
 
WebGL è una delle tecnologie più comunemente utilizzate sul sito. La tecnologia ha anche guadagnato un uso attivo in app online famose e utili come [[Google Maps]],   e Zygote Body (ex Google Body)<ref>{{Cita web|url=http://googleblog.blogspot.in/2011/10/step-inside-map-with-google-mapsgl.html|titolo=Step inside the map with Google MapsGL|editore=Google official blog|accesso=15 dicembre 2012}}</ref><ref>{{Cita web|url=https://support.google.com/maps/bin/answer.py?hl=en&answer=1630790|titolo=MapsGL|editore=Google Maps|accesso=15 dicembre 2012}}</ref><ref>{{Cita web|url=http://google-opensource.blogspot.com/2012/01/google-body-becomes-zygote-body-built.html|titolo=Google Body becomes Zygote Body; built on open source 3D viewer|cognome=Zeiger|nome=Roni|editore=Google|data=9 gennaio 2012|accesso=27 gennaio 2012|opera=Google Open Source blog}}</ref>.
 
== Esempi ==
Riga 71 ⟶ 97:
File:Webgl materials normalmap2.png|alt=Viso umano|Viso umano
File:Webgl loader collada keyframe.png|alt=Ingranaggio|Ingranaggio
</gallery>{{portale|informatica}}
 
== Note ==
<references/>
{{portale|informatica}}
[[Categoria:Terminologia del web]]
[[Categoria:Tecnologie per il Web]]