Bola quicando
/* Estilo da bola */
.bola {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: red;
position: absolute;
}
// Obter o elemento da bola
var bola = document.querySelector(‘.bola’);
// Definir a posição inicial da bola
var x = 0;
var y = 0;
var vx = 5; // velocidade horizontal
var vy = 0; // velocidade vertical
var g = 0.5; // aceleração vertical (gravidade)
// Função para atualizar a posição da bola
function atualizarPosicao() {
x += vx;
y += vy;
vy += g;
// Verificar se a bola bateu na parede
if (x + bola.offsetWidth > window.innerWidth || x window.innerHeight) {
y = window.innerHeight – bola.offsetHeight;
vy *= -0.8;
}
// Atualizar a posição da bola
bola.style.left = x + ‘px’;
bola.style.top = y + ‘px’;
// Executar a função novamente na próxima animação do navegador
requestAnimationFrame(atualizarPosicao);
}
// Iniciar a animação
atualizarPosicao();