TRES PUNTOS
Para poder realizar la práctica 2, se hizo uso de la
librería de THREE.js y JQUERY-3.3.1, esto para poder hacer uso de las
herramientas que tienen estas librerías, para poder realizar la actividad. Esta
actividad es similar a la anterior, sólo que se puede observar que en la
práctica 1, la figura se está creando en el mismo archivo de html, está bien al
usarlo así, pero sólo cuando es una figura pequeña o muy simple, ya que si se
quiere hacer más figuras estaría más complicado.
Para poder tener una mejor organización de todos los
archivos, y el uso de librerías, se deben de crear carpetas, por ejemplo, para
esta actividad se encuentra la carpeta de la actividad, la cual contiene una
carpeta llamada js, que es en la que se colocan las librerías mencionadas
anteriormente, y en la misma carpeta de la actividad se guarda el archivo html,
enseguida se muestra cómo es el desglosamiento de la carpeta.
Después de tener el acomodo tanto de los archivos como de
las carpetas, se prosigue a crear el código para realizar la práctica. Antes de
eso, se debe de crear un archivo con extensión .js en la cual se le pondrá el
nombre de “script” en este archivo es donde se colocará el código para dibujar
los tres puntos.
Para esta práctica se puede hacer uso el código de la
práctica anterior (el código que se encuentra dentro de las etiquetas de
script), en la que nada más se modificaría una línea, la cual es en donde se
crea el material, en vez de poner THREE. .LineBasicMaterial
se colocaría THREE.PointsMaterial y eso es todo. Enseguida se muestra el
resultado de la práctica.
Enseguida se muestra el código que se utilizó
para hacer la práctica.
No hay comentarios:
Publicar un comentario