Haz clic y arrastra el ratón para dibujar una línea.
Este ejemplo demuestra el uso de varias variables integradas. mouseX y mouseY almacenan la posición actual del ratón, mientras que la posición anterior del ratón está representada por pmouseX y pmouseY.
Este ejemplo también muestra el uso de colorMode con HSB (tono-saturación-brillo), de modo que la primera variable establece el tono.
Dibujando Líneas: Revised by Darren Kessner. Edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.
You can find the code history of these examples here: pre-2023 code, 2023 revision code. You can suggest improvements by contributing to the current website!
Ejemplos Relacionados
No alt text
Dibujando Líneas
Dibuja con el ratón.
No alt text
Animación con Eventos
Pausar y reanudar la animación.
No alt text
Movimiento en Dispositivo Móvil
Animar basado en el movimiento del dispositivo.
No alt text
Condiciones
Utiliza declaraciones if y else para tomar decisiones mientras se ejecuta tu sketch.