ios - ¿Es factible el visor de modelos Three.JS en phonegap?
cordova viewer (4)
Como muy pocos navegadores móviles soportan WebGL en el momento en que opté por usar el lienzo para renderizar los modelos 3D. Utilicé un visualizador de objetos en 3D simple de la web llamado JSC3D para crear un modelo de visor en PhoneGap en iOS. Puede usar webGL, pero acabo de usar el renderizado usando el lienzo 2D.
Probé mi aplicación en un iPhone 4 y el resultado fue que el modelo tardó entre 2 y 5 segundos en cargarse y cuando vas a rotar el objeto, tarda un tiempo en volver a dibujarlo, según cuán complejo sea. Aunque no es el resultado más satisfactorio, sí hizo el trabajo. Voy a probarlo en un teléfono más avanzado en Android y te haré saber el resultado.
Estoy tratando de hacer un visor de modelos 3D muy simple en una aplicación de teléfono para usar en un iPhone 4. Estoy usando three.js, que funciona bien cuando hago un sitio web simple. El problema es que cuando lo pruebo en el teléfono, el objeto 3D no aparece. Formas geométricas simples como un cubo y un cilindro se cargarán en el lienzo, pero los archivos obj no lo harán.
Yo uso un objLoader para traer el archivo .obj y tengo todos los archivos relevantes en el mismo directorio de la aplicación por si acaso. Creo que el problema podría estar relacionado con el uso de webGL en iOS, pero no estoy seguro.
Muchas gracias por su ayuda. Si alguien tiene alguna sugerencia para construir un modelo de visor en phonegap para mostrar en iOS, estaría encantado de escucharlo.
Creo que la capacidad de renderización de IOS es mejor que la de Android, alguna escena rinde bien en IOS, pero no en Android.
Por lo general, los móviles tienen más capacidad de renderización que la aplicación móvil. Uso firefox para renderizar la demostración obj de three.js, funciona bien. Pero cuando uso la vista web en la aplicación, no representa nada.
He creado una aplicación para Android para renderizar modelos STL. Primero, cuando uso el navegador móvil para renderizar la escena, no representa la escena completa, y cuando elimino el efecto de sombra, se renderiza. Luego trato de usar webview con WebGlRenderer o CanvasRenderer, sin trabajos. Por último me refiero a la XWalkView de paso de peatones un motor web que puede utilizarse como un complemento de la aplicación, para reemplazar la vista web, también cierro el efecto de sombra, me rinde bien.
Puedes referir esta respuesta para más información.
Definitivamente no deberías usar el renderizador WebGL de three.js ya que no es compatible con iOS. Pruebe el renderizador Canvas o SVG.
Le sugiero que intente usar XDK Intel si está empaquetando para iPhone, pero para Android use AIDE Phonegap. Asegúrese de usar solo var renderer = new THREE.CanvasRenderer(); y evite utilizar Anything que tenga que ver con WebGL ya que no es compatible con la mayoría de los dispositivos, excepto BB Playbook y BB 10.