Una pelotita negra con rastro arcoiris se va por los bordes y se choca,y cada vez que choque con uno de los bordes, se haga más grande la pelotita, cuando ocupé todo el espacio la pelotita, se reinicia,también que suene un sonido cada vez que choca con los bordes.'s game

Click here for free DL of the app version that can save data.

No:40987

←

Prev Next

→

Una pelotita negra con rastro arcoiris se va por l..ALL
Developer User18058｜Date and time 24/2/5 3:49:08
Build time 5.736 sec｜Game capacity 1.149KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html> 
<html> 
<head> 
<title>Juego de la Pelotita</title> 
<style> 
#canvas { 
border: 1px solid black; 
} 
</style> 
</head> 
<body> 
<script> 
window.onload = function() { 
var canvas = document.getElementById("canvas"); 
var ctx = canvas.getContext("2d"); 
var width = canvas.width = window.innerWidth; 
var height = canvas.height = window.innerHeight; 
var ballSize = 10; 
var ballColor = "black"; 
var ballSpeedX = 2; 
var ballSpeedY = 2; 
var maxSize = Math.min(width, height); 
var collideSound = new Audio("collision_sound.wav");

function drawBall(x, y) { 
ctx.clearRect(0, 0, width, height); 
ctx.beginPath(); 
ctx.arc(x, y, ballSize, 0, Math.PI * 2, false); 
ctx.fillStyle = ballColor; 
ctx.fill(); 
}

function updateBall() { 
drawBall(ballSize, ballSize); 
if (ballSize >= maxSize - ballSize) { 
ballSize = 10; 
} 
ballSize++; 
}

function checkCollision() { 
if (ballSize >= maxSize - ballSize || ballSize <= ballSize) { 
collideSound.play(); 
} 
}

function gameLoop() { 
updateBall(); 
checkCollision(); 
requestAnimationFrame(gameLoop); 
}

gameLoop(); 
}; 
</script> 
<canvas id="canvas"></canvas> 
</body> 
</html>