AI game creator

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

No:45311

←

Prev Next

→

0>Jump into acid
Developer WinnerWiener1332｜Date and time 24/2/20 10:55:30
Build time 8.477 sec｜Game capacity 1.821KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jump into the Acid Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let playerX = 200;
        let playerY = 350;
        let acidX = Math.random() * 360;
        let acidY = 0;
        let score = 0;
        
        function drawPlayer() {
            ctx.fillStyle = '#ff0000'; // red color
            ctx.fillRect(playerX, playerY, 40, 40); // player is a square
        }

function drawAcid() {
            ctx.fillStyle = '#00ff00'; // green color
            ctx.fillRect(acidX, acidY, 40, 40); // acid is a square
        }

function drawScore() {
            ctx.font = '20px Arial';
            ctx.fillStyle = '#000';
            ctx.fillText('Score: ' + score, 10, 30);
        }

function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawAcid();
            drawScore();

if(acidY >= 400) {
                acidX = Math.random() * 360;
                acidY = 0;
                score++;
            }

if(Math.abs(playerX - acidX) < 40 && Math.abs(playerY - acidY) < 40){
                alert('Game Over! Your score is: ' + score);
                score = 0;
            }

acidY += 5;

requestAnimationFrame(update);
        }

update();
    </script>
</body>
</html>