Web 3D: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
mNessun oggetto della modifica |
Funzionalità collegamenti suggeriti: 2 collegamenti inseriti. |
||
| (7 versioni intermedie di 6 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
==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 [[
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 [[
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 17:
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.
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
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 32 ⟶ 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
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
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]]
Riga 42 ⟶ 35:
==== 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
==== 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
==== Immagini prospettiche ====
Riga 54 ⟶ 47:
</gallery>
== Content management
{{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
==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|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
== Critiche ==
Riga 71 ⟶ 64:
* 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 [[
* 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
* 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
* 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" />
Riga 88 ⟶ 81:
[[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
*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
*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 ==
| |||