Qual è l'opzione più cross-browser / compatibile con il sistema per la grafica 3D su una pagina Web?

10

Mi piacerebbe sviluppare un po 'di funzionalità per un sito web che richiede un po' di 3D - l'utente può spostarsi attorno agli oggetti, ruotarli e strutturarli.

Finora ho esaminato:

  • WebGL (in particolare three.js) e sembra fantastico, ma non è supportato in IE né IOS.

  • IOS supporta il tag <canvas> , ma solo 2d. Sembra che three.js abbia un hack non supportato per fare in modo che una cosa 3d usi la tela 2d senza trame, ma questo sembra un hack.

  • Ho anche considerato di ricorrere a Flash che funziona sulla maggior parte dei browser, ma che non funzionerà su IOS.

Qual è la mia migliore opzione per fare grafica web 3d sulla vasta gamma di browser e interfacce?

Al momento sto pensando a WebGL per il web (e chiedo alle persone di usare chrome o firefox, e prendo il colpo su IE) e poi forse scrivo un'app nativa per IOS, ma non sono sicuro che ci siano alternative migliori disponibile che non conosco.

    
posta Rocklan 15.02.2013 - 06:24
fonte

3 risposte

2

Non c'è, e probabilmente non ci sarà mai alcun approccio che sia cross-browser e cross-system quando si considerano più sistemi operativi e browser mobili (dimensioni e dimensioni del tablet) e browser per i sistemi desktop.

In tal senso, non c'è una risposta che possa essere data che sarà la risposta giusta - ci sono pro e contro per ogni approccio.

La metrica migliore / più incrociata è anche quella che è mal definita. Sono i risultati di una pagina raw per tipo di browser ? È il numero di browser in circolazione? o prende in considerazione la abitudini di navigazione delle persone sui diversi sistemi ? Sono certe le geografie a cui dare la priorità più alta di altre ?

Hai menzionato WebGL - ma questo non è ben supportato su Android - questo significa che dovrebbe essere considerata anche una versione di Android? Flash è anche un framework "interessante" da utilizzare quando si guardano i dispositivi mobili.

Un approccio comune intrapreso dalle aziende consiste nel creare un foglio di lavoro, elencare i criteri e valutare ciascun criterio. Se i numeri di navigazione sono chiari, appesantisci. Se la semplicità di utilizzo del framework è fondamentale, pesatela in questo modo, se varietà di browser correnti, ecc ...

Una volta identificati i framework e i pesi, analizza ciascuno di essi e fai un numero (0-10) in ciascuna delle celle per quella struttura e vedi quale risulta essere il "migliore".

Al di fuori di questo, le decisioni aziendali sono prese al meglio dalla persona responsabile e assumendosi i rischi. Chiedere a persone casuali su Internet di crearli per te può essere problematico - non siamo a conoscenza di tutti i fattori che vengono considerati per un determinato set di soluzioni (il tempo, le risorse).

    
risposta data 16.02.2013 - 04:25
fonte
0

In passato ho avuto un po 'di fortuna con questo: link Ha funzionato su tutto ciò che ho provato, io Dovevo solo cambiare qualche javascript per renderlo interattivo con i dispositivi mobili, ma penso che ora hanno preso le mie modifiche e dovrebbe funzionare per gli eventi touch.

Quel rendering con Chrome, Safari, Firefox, IE < 9, IE > = 9, telefono Android, tablet Android, iPad, iPhone.

Tuttavia le prestazioni sono scadenti. Ma è bello che ho creato un modello in google sketchup, esportato il file obj e quindi reso multipiattaforma con trame.

    
risposta data 29.05.2014 - 18:17
fonte
-1

Unity ha una vasta gamma di piattaforme supportate (browser, flash e iOS inclusi). link

    
risposta data 20.02.2013 - 08:28
fonte

Leggi altre domande sui tag