Práctica 1: Creando, preparando archivos, librerías y primera práctica

Se creó una carpeta en la que agregaremos todas nuestras prácticas, se preparó el editor de código Sublime Text 3 y se decargó la librería Three.js de la página https://threejs.org/.

Dentro de la carpeta carpeta agregamos 2 carpetas principales donde una carpeta se le puso el nombre de "librerías" donde pusimos la carpeta three.js-master(three.js descomprimido) y otra de nombre "practica_1".

Dentro de la carpeta práctica 1 agregamos 2 carpetas que son "css" y "js".



Dentro de la carpeta css agregamos un archivo llamado "estilo.css".



Y pusimos el siguiente código en el archivo:

Copiamos los archivos three.js y jquery-3.6.0.js, los pegamos dentro de la carpeta js que se encuentra en nuestra carpeta práctica 1 y le agregamos un archivo llamado script.js creado por nosotros.

En la raíz de la carpeta práctica 1 creamos el archivo index.html para colocar el siguiente código donde importamos las librerías y nuestro archivo script.js.

Dentro del archivo script.js colocamos una función con código. El código a agregar es un escenario con color de fondo, la cámara y su render en donde a cada uno de estos se le asigna una coordenada en x, y e incluso z.

Al abrir el archivo index.html en el navegador obtenemos esto: