dis9034-2024-1
Solemne II
- Sketch P5.js: se crea salvapantallas en el que se aprecian figuras cúbicas con una imagen capturada en vivo en cada uno de sus laterales. Esta figura rota en sus ejes x, y y z en diferentes velocidades. Se añade un fondo color azul y puntos en tamaños pequeños que aparecen de manera aleatoria en el lienzo, simulando pequeños flashes en colores blanco y amarillo. Se pretende disminuir la velocidad en la que aparecen los pequeños flashes sin modificar la velocidad de rotación de los cubos.
- Referencias: createCapture, texture, random,
Proceso
-
Se añaden elementos que formarán parte de la composición: webcam, corazón, círculo, glitter y confetti.
-
se crea lienzo a trabajar en tono negro, se cargan imágenes previas y webcam en vivo.
-
Las imágenes de la composición aparecen con pequeñas variaciones en sus dimesiones y de manera aleatoria en el lienzo, generando el efecto de destello. Cada acción aparece separada por respectivos sus push(); pop();.
-
Para contuniar con el efecto de destello, se crean figuras circulares en colores blanco y amarillo para simular puntos quue aparecen y desaparecen en tamaños que varían entre los 2 y 5 puntos.
-
Como elemento principal, se crean cubos tridimensionales, ubicándose uno de gran tamaño (250, 250, 250) en el centro de la composición rotando en su propio eje. A este cubo se le añade como textura en cada uno de sus laterales la imagen en vivo que transmite el recurso “webcam”.
-
Se copia este cubo un total de seis veces en una menor escala (60, 60, 60) y se posicionan de manera que rodeen el cubo principal en cada lateral del mismo.
- Así mismo, se añade a la totalidad de la composición de cubos coordenadas de rotación con el cubo principal como dentro de eje, entonces, además de rodearlo, estos rotarán a su alrededor.
**
- Para visualizar el proyecto, se debe autorizar el uso de cámara en el dispositivo.
Resultado
Para visitar: Sketch P5.js
https://github.com/cielqz/Rep/assets/163901464/fc3b31cb-b69e-4141-8dd5-f8df1d11b821