Cómo crear una matriz de cubos en Three.js

Ejemplo de cómo crear múltiples cubos utilizando Three.js y ordenarlos de tal manera que forme un grid en 3D.

Cada uno de los cubos está animado, utilizando la propiedad rotate, sus posiciones están alineadas en los ejes x e y. Pero al utilizar la librería OrbitControls.js podemos manipular las posiciones de la cámara con el mouse, su rotación y profundidad. Con esto podremos ver nuestra escena desde varios ángulos.

Creando los cubos

Si quieres seguir cada uno de los pasos del tutorial descarga el archivo base aquí.

El archivo plantilla.html solo muestra un cuadro en el centro, como se muestra en la siguiente imagen. 

See the Pen Matriz de cubos by Jesus Tepec (@JesusTepec) on CodePen.