Dibujando un Tesseracto en Javascript
Con la pelicula de Avengers End Game, recordé el ejercicio para dibujar un Tesseracto.
Un Tesseracto o HiperCubo es una figura teórica de lo que seguiría al cubo en 4 dimensiones. Describiendo estás como:
Un punto sería la dimensión 0.
Un cuadrado es una figura de 2 dimensiones (ancho y alto)
Un cubo es una figura de 3 dimensiones (ancho, alto y profundidad), que se puede proyectar en un plano 2D como la unión de las aristas de 2 cuadrados.
Un Tesseracto, entonces se podría representar como la unión de las aristas de 2 cubos en un plano de 3 dimensiones. Esto no sería una aproximación exacta, es como ver la sombra de lo que sería. Pero al estar restringido en las 3 dimensiones, es lo más realizable.
En Youtube hay un ejemplo magnifico explicado por Carl Sagan:
Basado en esta teoría me dispuse a dibujar un Tesseracto con Javascript y Canvas, este es el resultado:
El código está disponible en GitHub:
