Reto de 3D en el navegador (WebGL/ThreeJS)

El de las tecnologías 3D en el navegador es uno de los campos más interesantes que nos ofrece la web actualmente, pero presenta una serie de retos de cara a la usabilidad, algunos de los cuales se abordan aquí.

En el código que te proporcionamos a continuación, y que puedes ver aquí, encontrarás una escena sencilla en 3D que cuenta con dos tipos de controles: unos controles tradicionales que se manejan mediante el ratón o la pantalla táctil del dispositivo, y unos controles específicos para dispositivos móviles, que utilizan el acelerómetro para conseguir un efecto de mayor inmersión.
Si pruebas este código en un dispositivo móvil verás que el comportamiento no es correcto cuando ambos tipos de controles coexisten.

¿Cuál crees que es la manera más conveniente de hacer convivir ambos controles?

Mediante el enlace de abajo puedes descargar el ZIP con el contenido del reto, para que puedas modificarlo a tu gusto.

Ten en cuenta que el código que te proporcionamos es solamente un punto de partida, pero puedes resolver el reto de la forma que creas más conveniente, ya sea aprovechando el código en su totalidad, en parte o descartándolo y realizándolo de cero.


¿Te atreves a superar el reto?


Adjunta un zip con tu solución al reto.