Move left and right and can jump Get cartoon coins that are currency end of level has shop where you buy upgrades like movement speed and jump height's game

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

No:44499

←

Prev Next

→

Move left and right and can jump Get cartoon coins..ALL
Developer User19401｜Date and time 24/2/18 6:09:44
Build time 9.149 sec｜Game capacity 3.219KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
    <title>Coin Collector Game</title>
    <style>
        #player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: blue;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
        .coin {
            width: 30px;
            height: 30px;
            background-color: yellow;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="player"></div>

const createCoin = () => {
            const coin = document.createElement("div");
            coin.classList.add("coin");
            coin.style.left = Math.random() * 90 + "px";
            document.body.appendChild(coin);

setInterval(() => {
                if (checkCollision(coin)) {
                    coins++;
                    document.body.removeChild(coin);
                }
            }, 100);
        }

const checkCollision = (coin) => {
            const playerRect = player.getBoundingClientRect();
            const coinRect = coin.getBoundingClientRect();

return playerRect.x < coinRect.x + coinRect.width &&
                    playerRect.x + playerRect.width > coinRect.x &&
                    playerRect.y < coinRect.y + coinRect.height &&
                    playerRect.y + playerRect.height > coinRect.y;
        }

for (let i = 0; i < 10; i++) {
            createCoin();
        }

// End of level
        const endLevel = () => {
            const shop = document.createElement("div");
            shop.innerHTML = `Coins: ${coins}<br>
                                <button onclick="upgrade('speed')">Upgrade Speed</button>
                                <button onclick="upgrade('jumpHeight')">Upgrade Jump Height</button>`;
            document.body.appendChild(shop);
        }