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

Vorrei sviluppare un po 'di funzionalità per un sito Web che coinvolge 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 <canvas>tag, ma solo 2d. Sembra che three.js abbia un hack non supportato per fare in modo che una cosa 3d usi la tela 2D invece di trame, ma questo sembra un hack.

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

Qual è la mia migliore opzione per realizzare 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 prendere il successo su IE) e quindi forse scrivere un'app nativa per IOS, ma non sono sicuro se ci sono alternative migliori disponibili che io non lo so.

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

Fino a quel punto, non si può dare una risposta che possa essere la risposta giusta - ci sono pro e contro per ogni approccio.

La metrica migliore / più cross-browser è anche quella mal definita. Si tratta di hit delle pagine non elaborate per tipo di browser ? È il solo numero di browser là fuori? o prende in considerazione le abitudini di navigazione delle persone sui diversi sistemi ? Alcune aree geografiche devono essere prioritarie rispetto ad altre ?

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

Un approccio comune adottato dalle imprese è quello di creare un foglio di calcolo: elencare i criteri e ponderare ciascun criterio. Se i numeri di navigazione sono fondamentali, ponderali. Se la facilità d'uso del framework è la chiave, ponderala in questo modo, se varietà di browser attuali, ecc ...

Una volta identificati i quadri e i pesi, ricercare ciascuno e lanciare un numero (0 - 10) in ciascuna delle celle per quel quadro e vedere quale risulta essere il "migliore".

A parte ciò, le decisioni aziendali vengono prese al meglio dalla persona responsabile e assumendosi i rischi. Chiedere a persone casuali su Internet di realizzarle 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).

Ho avuto un po 'di fortuna in passato usando questo: https://code.google.com/p/jsc3d/ Ha funzionato su tutto ciò che ho provato, ho dovuto solo cambiare javascript per renderlo interattivo con i dispositivi mobili, ma io pensa che ora abbiano preso le mie modifiche e dovrebbe funzionare per eventi touch.

Quello reso 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 poi renderlo multipiattaforma con trame.

Unity ha una vasta gamma di piattaforme supportate (browser, flash e iOS inclusi). http://unity3d.com/unity/multiplatform/