Proyectos Scarleth Osorio

Bienvenidos a mi pagina web hecha con p5.js y vs code a lo largo de mi semestre en Imagen Escrita

Aqui es donde veran mis proyectos que he hecho en estos meses desde ciclo for, espiral, recursion, atraccion y mi proyecto final.

algunas de las practicas no animadas



    Cliclo For

    Puntos

    Repetición de circulos con difuminación de distintos colores, que posee un fondo interactivo que cambia de color cuando se pasa el mouse por encima

    Ir a el Proyecto>> Ir a el Proyecto>>

    Difuminación

    Repetición de circulos que va en aumento de tamaño de izquierda a derecha, con traslucidad y degrade de colores.

    Ir a el Proyecto>>

    Movimiento

    Repetición de circulos que van cambiando de colores mientras avanzan, que va creando una linea que se mueve por el lienzo y choca con las esquinas.

    Ir a el Proyecto>>

    Aparecer

    Aparecen repetición de puntos con traslucidez de tonos morados y rosas.

    Ir a el Proyecto>>

    Espiral

    Espiral triangulo

    Espiral de fondo negro, que se crea a través de pequeños triángulos amontonados que giran al rededor de ellos mismos creando el espiral infinito

    Ir a el Proyecto>>

    Espiral circulo

    Espiral de fondo naranja que avanza como un espiral y va colocando circulos al rededor de un eje dando una vuelta de 360grados y donde se van separando las filas de circulos

    Ir a el Proyecto>>

    Recursión

    Ir a el Proyecto>>

    Atraccion

    Estatica

    Es la atracción de las bolas blancas hacia la bola central rosa. estas se mueven para llegar a la bola rosa pero a su vez y por su velocidad se pasan de largo por lo que el ciclo es infinito

    Ir a el Proyecto>>

    Interactiva

    Atracción esferas grises con borde blanco, a la esfera celeste interactiva, con el mouse se puede mover la esfera celeste al presionar y arrastrar hacia cualquier parte del lienzo. con mayor velocidad y menos masa para que el movimiento sea mas rápido y nunca alcancen la bola celeste.

    Ir a el Proyecto>>

    Practiles

    Es un sistema de partículas ,donde se animan muchas bolas en continuo movimiento con cadenas que las unen y separan . como se muevan y como se unan esta influenciado por la velocidad de estas, la cantidad de bolas, la cantidad de tiempo que están juntas o separadas, entre otras cosas.

    Ir a el Proyecto>>

    Practiles Estrellas

    Sistema de partículas, simulando "estrellas" donde estas son mas traslucidas y pequeñas que el otro particles.

    Ir a el Proyecto>>

    Practicas que no son Tareas

    Pizarra Mandala

    Pizarra de fondo gris donde se puede dibujar con el cursor mándalas o figuras con efecto de caleidoscopio, que va cambiando su color de blanco, gris y negro .Además de poder cambiar su tamaño. se uso la misma lógica de una pizarra normal pero utilizando 360 para dibujar por lo que se dibuje en una parte del lienzo se repite en todo este de forma homogénea. Si quieres borrar tu obra de arte luego de dibujar para empezar otra vez aprieta el botón de clear

    Ir a el Proyecto>>

    Remolino Colorido Interactivo

    Ir a el Proyecto>>

    Proyecto Final

>

Les dejare mi proyecto final aqui y me ire despacio hacia atras :)

Figuras 3d (esferas) que se mueven en el lienzo creando formas. para hacer las figuras 3d no se puede utilizar el mismo formato de lienzo que el 2d por lo que en vez de poner el ancho y el alto .se pone el WEBGL. y quedaría ""createCanvas (windowWidth, windowHeight, WEBGL)"". se coloco un fondo oscuro (10) para resaltar los movimientos de las esferas que poseen un color mas llamativo. se le agrego una configuración de luz ,que va cambiando mediante se mueva el mousex y mousey. también una luz ambiental ,que también seria el color de las esferas

También se especifica como es el giro de estas esferas y por ello su velocidad para que se creen las figuras con su movimiento y no se arme un enredo. y así se van modificando visualmente los movimientos que siguen las esferas. a las esferas se les configuro la rotación individual de ellas, el desplazamiento y la velocidad individual donde se pusieron bajo los números para que no salieran volando como si estuvieran locos.

Al primero en la configuración de rotación se le agrego un numero alto "rotateY(frameCount * 0.100000)" para que las figuras se movieran mas rápido y así se creo una imagen de tipo gusano que avanza por un vórtice de esferas y esta imagen cambia constantemente.


Aqui yace mi esfuerzo :)

Una Variante

al segundo la rotación se puso en un numero menor "rotateY(frameCount * 0.0000001)" así las figuras se controlan mas y quedan en 2 constantes vórtices que se intercalan y que están hechos de filas de esferas que giran

una variante



Si quieres ver la pagina que hice respecto a ¿porque los gatos mueven la cola? acá.