Este ejemplo utiliza dos clases personalizadas. La clase Particle almacena una posición, velocidad y tono. Renderiza un círculo usando la posición y el tono actuales, y actualiza la posición usando la velocidad actual. La clase Path almacena una matriz de objetos creados a partir de la clase Particle. Renderiza líneas conectando cada una de las partículas. Cuando el usuario hace clic en el ratón, el boceto crea una nueva instancia de la clase Path. Cuando el usuario arrastra el ratón, el boceto añade una nueva instancia de la clase Particle al trayecto actual.
Partículas Conectadas by p5.js Contributors and the Processing Foundation is licensed under CC BY-NC-SA 4.0.
Ejemplos Relacionados
No alt text
Copos de Nieve
Animar la caída de nieve.
No alt text
Agitar y Rebotar la Pelota
Animar el movimiento de la pelota basado en el movimiento del dispositivo móvil.
No alt text
Partículas Conectadas
Dibuja círculos y líneas conectadas usando el ratón.
No alt text
Agrupación
Simula el comportamiento de agrupamiento de aves.