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.
Ejemplos Relacionados
![](/_astro/02_Animation_And_Variables-00_Drawing_Lines-thumbnail.BGeLQQcM_Z2a4Pa8.webp)
No alt text
Dibujando Líneas
Dibuja con el ratón.
![](/_astro/02_Animation_And_Variables-01_Animation_With_Events-thumbnail.NdY11NOL_S55Ev.webp)
No alt text
Animación con Eventos
Pausar y reanudar la animación.
![](/_astro/02_Animation_And_Variables-02_Mobile_Device_Movement-thumbnail.CxvA2C-z_GnR3U.webp)
No alt text
Movimiento en Dispositivo Móvil
Animar basado en el movimiento del dispositivo.
![](/_astro/02_Animation_And_Variables-03_Conditions-thumbnail.D2wpvlE-_yfQPJ.webp)
No alt text
Condiciones
Utiliza declaraciones if y else para tomar decisiones mientras se ejecuta tu sketch.