Jump to coins and buy powers's game

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

No:44497

←

Prev Next

→

Jump to coins and buy powers
Developer User19401｜Date and time 24/2/18 6:06:41
Build time 6.75 sec｜Game capacity 2.019KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Coin Jump Game</title>
<style>
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

let player = {
        x: 50,
        y: 350,
        width: 50,
        height: 50,
        jumping: false,
        velocityY: 0,
        gravity: 1,
        power: 0
    };

let coins = [
        { x: 200, y: 350 },
        { x: 300, y: 350 }
    ];

let coinImage = new Image();
    coinImage.src = 'coin.png';

let jumpSound = new Audio('jump.mp3');
    let coinSound = new Audio('coin.mp3');

function drawPlayer() {
        ctx.fillStyle = 'blue';
        ctx.fillRect(player.x, player.y, player.width, player.height);
    }

function drawCoins() {
        coins.forEach(coin => {
            ctx.drawImage(coinImage, coin.x, coin.y, 50, 50);
        });
    }

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

drawPlayer();
        drawCoins();

player.y += player.velocityY;
        player.velocityY += player.gravity;

if (player.y > 350) {
            player.y = 350;
            player.jumping = false;
            player.velocityY = 0;
        }

coins.forEach((coin, index) => {
            if (player.x < coin.x + 50 && player.x + 50 > coin.x &&
                player.y < coin.y + 50 && player.y + 50 > coin.y) {
                coins.splice(index, 1);
                player.power++;
                coinSound.play();
                console.log('Coin collected! Powers: ' + player.power);
            }
        });

requestAnimationFrame(update);
    }

document.addEventListener('click', () => {
        if (!player.jumping) {
            jumpSound.play();
            player.jumping = true;
            player.velocityY = -15;
        }
    });

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