¿Cuál es la opción más compatible entre navegadores y sistemas para gráficos 3D en una página web?

Me gustaría desarrollar un poco de funcionalidad para un sitio web que implica un poco de 3D: el usuario puede moverse alrededor de los objetos, rotarlos y texturizarlos.

Hasta ahora he investigado:

• WebGL (en particular three.js) y se ve muy bien, pero no es compatible con IE ni IOS.

• IOS admite la <canvas>etiqueta, pero solo 2d. Parece que three.js tiene un truco no admitido para hacer que una cosa en 3D use el lienzo 2D sin texturas, pero esto parece un truco.

• También consideré recurrir a Flash, que funciona en la mayoría de los navegadores, pero eso no funcionará en iOS.

¿Cuál es mi mejor opción para hacer gráficos web en 3D en la amplia gama de navegadores e interfaces?

Por el momento, estoy pensando en WebGL para la web (y le pido a la gente que use Chrome o Firefox, y tome el éxito en IE) y luego tal vez escriba una aplicación nativa para iOS, pero no estoy seguro de si hay mejores alternativas disponibles que yo no se de

No existe, y probablemente nunca habrá un enfoque que sea entre navegadores y sistemas cruzados cuando se consideran múltiples sistemas operativos móviles (tamaño de teléfono y tableta) y navegadores para sistemas de escritorio.

En ese sentido, no se puede dar una respuesta que sea la correcta; hay ventajas y desventajas en cada enfoque.

La métrica mejor / más cruzada es también una que está mal definida. ¿Se trata de visitas de página sin procesar por tipo de navegador ? ¿Es pura cantidad de navegadores por ahí? ¿O tiene en cuenta los hábitos de navegación de las personas en los diferentes sistemas ? ¿Se debe priorizar ciertas geografías más que otras ?

Mencionas WebGL, pero eso tampoco está bien soportado en Android , ¿significa esto que también se debe considerar una versión de Android? Flash también es un marco 'interesante' para apuntar cuando se miran dispositivos móviles.

Un enfoque común emprendido por las empresas es hacer una hoja de cálculo: enumerar los criterios y ponderar cada criterio. Si los números de navegación son clave, ponle peso. Si la facilidad de uso del marco es clave, ponle peso de esa manera, si hay una variedad de navegadores actuales, etc.

Una vez que identifique los marcos y los pesos, investigue cada uno y agregue un número (0 - 10) en cada una de las celdas para ese marco y vea cuál resulta ser el "mejor".

Fuera de eso, las decisiones comerciales son mejor tomadas por la persona responsable de ellas y por asumir los riesgos. Pedirle a personas aleatorias en Internet que lo hagan por usted puede ser problemático: no conocemos todos los factores que se están considerando para un conjunto de soluciones en particular (el tiempo, los recursos).

He tenido algo de suerte en el pasado usando esto: https://code.google.com/p/jsc3d/ Funcionó en todo lo que probé, solo tuve que cambiar algunos javascript para que sea interactivo con dispositivos móviles, pero yo Creo que ahora tomaron mis cambios y debería funcionar para eventos táctiles.

Eso se procesa con Chrome, Safari, Firefox, IE <9, IE> = 9, teléfono Android, tableta Android, iPad, iPhone.

Sin embargo, el rendimiento es pobre. Pero es genial, creé un modelo en google sketchup, exporté el archivo obj y luego lo convertí en multiplataforma con texturas.

Unity tiene una gran variedad de plataformas que admite (navegadores, flash e iOS incluidos). http://unity3d.com/unity/multiplatform/