A running game with coins to buy costumes and new shoes that help you run faster's game

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

No:15833

107

←

Prev Next

→

A running game with coins to buy costumes and new ..ALL
Developer User6917｜Date and time 23/9/12 12:12:46
Build time 35.449 sec｜Game capacity 4.486KB｜

Script

Sure! Here's an example of a running game implemented as a single HTML file using JavaScript, with the game character collecting coins to buy costumes and new shoes:

Coins: 0

In this game, you control the character using the right arrow key on your smartphone's keyboard. The goal is to collect coins by colliding with them. You can use these coins to buy a costume and a pair of shoes, which will change the character's appearance and make it run faster. Please note that this is just a basic example to give you an idea of how such a game can be implemented. You can modify and enhance it according to your requirements and preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of a running game implemented as a single HTML file using JavaScript, with the game character collecting coins to buy costumes and new shoes:

```html
<!DOCTYPE html>
<html>

<head>
    <title>Running Game</title>
    <style>
        #game-container {
            position: relative;
            width: 100%;
            height: 400px;
            border: 1px solid black;
        }
        #character {
            position: absolute;
            top: 50%;
            left: 10%;
            height: 100px;
            width: 100px;
            background-color: red;
        }
        #coin {
            position: absolute;
            top: 70%;
            left: 80%;
            height: 50px;
            width: 50px;
            background-color: yellow;
        }
    </style>
</head>

<body>
    <div id="game-container">
        <div id="character"></div>
        <div id="coin"></div>
    </div>
    <button id="buy-costume" disabled>Buy Costume (10 coins)</button>
    <button id="buy-shoes" disabled>Buy Shoes (20 coins)</button>
    <h4 id="coins">Coins: 0</h4>

var coins = 0;
        var speed = 10;
        var hasCostume = false;
        var hasShoes = false;

function checkCollision() {
            var characterRect = character.getBoundingClientRect();
            var coinRect = coin.getBoundingClientRect();

if (
                characterRect.left < coinRect.right &&
                characterRect.right > coinRect.left &&
                characterRect.top < coinRect.bottom &&
                characterRect.bottom > coinRect.top
            ) {
                coins++;
                coinsText.textContent = "Coins: " + coins;

if (coins >= 10) {
                    buyCostumeBtn.disabled = false;
                }

if (coins >= 20) {
                    buyShoesBtn.disabled = false;
                }

resetCoinPosition();
            }
        }

function resetCoinPosition() {
            var maxLeft = document.getElementById("game-container").offsetWidth - coin.offsetWidth;
            var maxTop = document.getElementById("game-container").offsetHeight - coin.offsetHeight;

var newLeft = Math.floor(Math.random() * maxLeft);
            var newTop = Math.floor(Math.random() * maxTop);

coin.style.left = newLeft + "px";
            coin.style.top = newTop + "px";
        }

function buyCostume() {
            if (coins >= 10 && !hasCostume) {
                coins -= 10;
                coinsText.textContent = "Coins: " + coins;

hasCostume = true;
                character.style.backgroundColor = "blue";

buyCostumeBtn.disabled = true;
            }
        }

function buyShoes() {
            if (coins >= 20 && !hasShoes) {
                coins -= 20;
                coinsText.textContent = "Coins: " + coins;

hasShoes = true;
                speed = 20;

buyShoesBtn.disabled = true;
            }
        }

document.addEventListener("keydown", moveCharacter);
        setInterval(checkCollision, 100);

buyCostumeBtn.addEventListener("click", buyCostume);
        buyShoesBtn.addEventListener("click", buyShoes);
    </script>
</body>

</html>
```

Please note that this is just a basic example to give you an idea of how such a game can be implemented. You can modify and enhance it according to your requirements and preferences.