Ejercicios de Programación Creativa con P5.js: Interactividad y Animación
Enviado por Chuletator online y clasificado en Plástica y Educación Artística
Escrito el en español con un tamaño de 24,06 KB
Conceptos Básicos de Animación y Juegos en P5.js
Bola que Rebota: Incremento de Velocidad
El siguiente código muestra una elipse en el centro de la pantalla que se mueve hacia abajo. Al llegar al borde inferior, rebota hacia arriba, y al llegar al borde superior, rebota hacia abajo. La velocidad se incrementa en cada rebote.
En este ejemplo, se declaran dos variables: 'y' controla la posición vertical de la pelota, y 'v' controla la velocidad vertical.
var y = 0;
var v = 1;
Siempre que queramos que la pelota suba y baje, necesitaremos una variable de velocidad, incluso si no varía.
function setup() {
createCanvas(400, 400); // Creamos un lienzo de 400x400 píxeles.
}
function draw() {
background(0); // Establecemos el fondo del lienzo