Qual é a opção mais compatível com o navegador / sistema para gráficos 3D em uma página da web?

Eu gostaria de desenvolver um pouco de funcionalidade para um site que envolva um pouco de 3D - o usuário pode mover objetos, girá-los e texturizá-los.

Até agora, examinei:

• WebGL (em particular three.js) e parece ótimo, mas não é suportado no IE nem no IOS.

• O IOS suporta a <canvas>tag, mas apenas 2d. Parece que o three.js tem um hack não suportado para fazer uma coisa 3D usar a tela 2d sem texturas, mas isso parece um hack.

• Também considerei recorrer ao Flash, que funciona na maioria dos navegadores, mas isso não funciona no IOS.

Qual é a minha melhor opção para criar gráficos da web em 3D na vasta gama de navegadores e interfaces?

No momento, estou pensando no WebGL para web (e peça às pessoas para usar o chrome ou firefox e aceitar o IE) e, em seguida, talvez escreva um aplicativo nativo para o IOS, mas não tenho certeza se existem alternativas melhores disponíveis. não sei.

Não existe e provavelmente nunca haverá uma abordagem que seja entre navegadores e sistemas quando se considera vários sistemas operacionais e navegadores móveis (tamanho de telefone e tamanho de tablet) e sistemas de desktop disponíveis para sistemas de desktop.

Nessa medida, não há resposta que possa ser dada, que será a resposta certa - há prós e contras em cada abordagem.

A melhor / mais métrica entre navegações também é mal definida. São acessos de página bruta por tipo de navegador ? É um grande número de navegadores por aí? ou leva em consideração os hábitos de navegação das pessoas nos diferentes sistemas ? Certas regiões geográficas devem ser priorizadas mais do que outras ?

Você mencionou o WebGL - mas isso também não é compatível com o Android - isso significa que uma versão do Android também deve ser considerada? O Flash também é uma estrutura 'interessante' a ser usada quando se olha para dispositivos móveis.

Uma abordagem comum adotada pelas empresas é fazer uma planilha - listar os critérios e ponderar cada um deles. Se os números de navegação forem importantes, pesa isso. Se a facilidade de uso da estrutura é fundamental, pese dessa maneira, se houver variedade de navegadores atuais, etc ...

Depois de identificar as estruturas e os pesos, pesquise cada uma e jogue um número (0 - 10) em cada uma das células para essa estrutura e veja qual delas é a melhor.

Fora isso, as decisões de negócios são melhor tomadas pela pessoa responsável por eles e assumindo os riscos. Pedir às pessoas aleatórias na Internet que as façam para você pode ser problemático - não temos conhecimento de todos os fatores que estão sendo considerados para um conjunto de soluções específico (o tempo, os recursos).

Eu tive alguma sorte no passado usando este: https://code.google.com/p/jsc3d/ Ele funcionou em tudo o que eu experimentei, eu apenas tive que mudar um pouco de javascript para torná-lo interativo com dispositivos móveis, mas eu acho que agora eles aceitaram minhas alterações e deve funcionar para eventos de toque.

Isso foi renderizado com Chrome, Safari, Firefox, IE <9, IE> = 9, telefone Android, tablet Android, iPad, iPhone.

No entanto, o desempenho é ruim. Mas é legal criar um modelo no google sketchup, exportar o arquivo obj e renderizá-lo multiplataforma com texturas.

O Unity possui uma enorme variedade de plataformas suportadas (navegadores, flash e iOS incluídos). http://unity3d.com/unity/multiplatform/