Práctica 3: Agregando cuadrados

En esta práctica vamos a necesitar copiar la práctica 2 y pegarla, después la renombraremos a práctica 3.

Ahora abriremos el archivo de script.js y lo editaremos, lo primero que haremos será comentar las líneas de "Mostrar ejes XYZ", una vez hecho esto vamos a agregar las siguientes líneas de código sustituyendo las líneas de “Crear material de la línea” y “Crear mesh de la línea”.

En la primera, (a diferencia de la práctica 2), lo que hacemos en cambiar “LineBasicMaterial” por “PointsMaterial” y a su vez cambiar “Line” por “Points” y agregar el objeto a escena, esto es bastante sencillo de entender simplemente cambiamos el material del objeto y su objeto a generar a escena para agregarlo posteriormente.

Si implementamos todo correctamente vamos a obtener esto como salida:

Nota: los puntos generados aquí reutilizan las coordenadas que implementamos en la práctica anterior.