PRÁCTICA #1

DOS LÍNEAS

Para poder realizar la práctica 1, se hizo uso de la librería de THREE.js, esto para poder hacer uso de las herramientas que esta librería tiene, y para poder mostrar las dos líneas. En la cual, primero se crea la escena para poder colocar las figuras, líneas, o lo que se quiera hacer. Después, se crea el render, para darle el tamaño a la ventana. Enseguida, se crea una variable para agregar las coordenadas de los puntos, en la cual se deben de crear tres puntos, para que, al momento de crear la línea, se unan mediante ellas.

Al tener las coordenadas en la posición que se quiere, se prosigue a crear el material, en la que se manda llamar LineBasicMaterial() esto para poder poner un color de nuestro agrado, esto es lo que se realiza para crear el material de la figura. Se prosigue a crear la línea, en donde se manda llamar line() en donde dentro de los paréntesis se manda llamar la variable de la figura y el material, y por último se agrega una variable en la cual se creará una función en donde se manda llamar a la cámara y la escena para que se pueda mostrar la figura, y para que todo aparezca, ya nada más se manda llamar la variable creada anteriormente. Y el resultado es el siguiente.

Enseguida se muestra el código que se utilizó para hacer esta figura.