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

No:29368

Mine and build wood makes planks stone make brick
Developer User12051｜Date and time 23/12/17 6:32:12
Build time 27.327 sec｜Game capacity 3.133KB｜

Script

Sure! Here's a simple game where you can mine and build different resources. It uses pictograms for a smartphone-like experience. The game is implemented as a single HTML file enclosed in script tags. You can copy and save this code into an HTML file and open it in a web browser to play the game.

Mine & Build Game

Tap the icons to mine and build resources!

In this game, there are four types of resources: wood, stone, planks, and brick. To collect wood or stone, simply tap on the respective icons. Then, you can use the collected resources to build planks or bricks by tapping on the build icons. The resource counts will update accordingly. Please make sure to save the corresponding image files (`emozi_rabbit.png` and `emozi_hamuster.png`) in the same directory as the HTML file, or update the image paths accordingly. Have fun playing the Mine & Build game!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mine & Build Game</title>
    <style>
        body {
            font-size: 24px;
            text-align: center;
            margin-top: 100px;
        }
        
        #gameArea {
            display: flex;
            justify-content: center;
            margin-top: 50px;
        }
        
        .resource {
            margin-right: 20px;
        }
        
        #info {
            margin-top: 50px;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <h1>Mine & Build Game</h1>
    <div id="gameArea">
        <div class="resource">
            <img src="mine.png" onclick="mineWood()">
            <p id="woodCount">0</p>
        </div>
        
        <div class="resource">
            <img src="mine.png" onclick="mineStone()">
            <p id="stoneCount">0</p>
        </div>
        
        <div class="resource">
            <img src="build.png" onclick="buildPlanks()">
            <p id="planksCount">0</p>
        </div>
        
        <div class="resource">
            <img src="build.png" onclick="buildBrick()">
            <p id="brickCount">0</p>
        </div>
    </div>
    
    <div id="info">Tap the icons to mine and build resources!</div>
    
    <script>
        var woodCount = 0;
        var stoneCount = 0;
        var planksCount = 0;
        var brickCount = 0;
        
        function mineWood() {
            woodCount++;
            document.getElementById('woodCount').innerHTML = woodCount;
        }
        
        function mineStone() {
            stoneCount++;
            document.getElementById('stoneCount').innerHTML = stoneCount;
        }
        
        function buildPlanks() {
            if (woodCount > 0) {
                woodCount--;
                planksCount++;
                document.getElementById('woodCount').innerHTML = woodCount;
                document.getElementById('planksCount').innerHTML = planksCount;
            }
        }
        
        function buildBrick() {
            if (stoneCount > 0) {
                stoneCount--;
                brickCount++;
                document.getElementById('stoneCount').innerHTML = stoneCount;
                document.getElementById('brickCount').innerHTML = brickCount;
            }
        }
    </script>
</body>
</html>
```

Please make sure to save the corresponding image files (`mine.png` and `build.png`) in the same directory as the HTML file, or update the image paths accordingly.

Have fun playing the Mine & Build game!