Pieza interactiva Cosmos
Publicado el
Este proyecto interactivo en 3d fue en su momento uno de los grandes retos en mi carrera como desarrollador y hacia el que tengo también especial cariño por haberme permitido llevar a un espacio interactivo la serie de Topologías toroidales que desarrollé como proyecto de arte. Con él me aventuré en la programación orientada a clases con Javascript y profundicé bastante en la utilización del elemento Canvas. Para simular un entorno 3d (pues está realizado con canvas 2d) creé una serie de clases matemáticas que, mediante trigonometría, me permitían calcular la posición, tamaño y distancia relativas a un lienzo virtual de los distintos objetos que navegaban por este universo toroidal. Tras haber establecido estos cálculos, tan sólo era necesario pintar cada objeto con sus medidas, posición y orientación adecuadas sobre el canvas y animar la cámara con movimientos suaves y aceleraciones para que el usuario pudiese navegar con facilidad por este mundo.
Además del ya mencionado desarrollo trigonométrico, uno de los grandes méritos fue el resultado obtenido en la navegación para dispositivos móviles. Cualquier dispositivo utiliza la misma versión del programa, pero la optimización por tamaño de pantalla permite que vaya fluido en prácticamente cualquier móvil de la gama que sea. De igual modo, fue necesario desarrollar un sistema independiente de navegación táctil específico para móviles y tabletas que también fue un éxito.
Podéis explorar este espacio toroidal tan fascinante aquí.