Tari Maker : Blocks: Ground. Hard Block. :Enemy's: Goommba: use A Button to place. there's a finger cursor you can move by useing a joystick. A button that says play when you touch it you can test press it again go back to making's game

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

No:20813

117

←

Prev Next

→

Tari Maker : Blocks: Ground. Hard Block. :Enemy's:..ALL
Developer User9100｜Date and time 23/10/11 5:52:07
Build time 20.883 sec｜Game capacity 4.02KB｜

Script

Sure! Here's an example of a simple game called "Tari Maker" implemented as a single HTML file with JavaScript. It features placing blocks and enemies using pictograms and supports smartphone operation. It also includes a play button to test the game.

Select Block:

In the example above, the game allows you to place three types of blocks (ground, hard block) and enemies (goomba) on the canvas. You can select the type of block to place using a dropdown menu, and when you click on the canvas, the selected block/enemy will be placed at the clicked position. Additionally, I've added a play button that displays an alert message when clicked, indicating that the game has started. You can modify and enhance the code further to make it a fully-functional game with different levels, scoring, and other gameplay mechanics.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tari Maker</title>
    <style>
        #canvas {
            margin: 0 auto;
            display: block;
            width: 400px;
            height: 400px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div id="canvas"></div>

canvas.addEventListener("click", function(event) {
                var rect = canvas.getBoundingClientRect();
                var x = event.clientX - rect.left;
                var y = event.clientY - rect.top;

var selectedBlock = document.getElementById("selectedBlock").value;

if (selectedBlock === "ground") {
                    blocks.push({ type: "ground", x: x, y: y });
                } else if (selectedBlock === "hardBlock") {
                    blocks.push({ type: "hardBlock", x: x, y: y });
                } else if (selectedBlock === "goomba") {
                    enemies.push({ type: "goomba", x: x, y: y });
                }

draw();
            });

// Set initial selected block to ground
            document.getElementById("selectedBlock").value = "ground";

// Play button click event
            document.getElementById("playButton").addEventListener("click", function() {
                // Code to start the game when play button is clicked
                alert("Game started!");
            });

draw();
        });
    </script>
    
    <div>
        <label for="selectedBlock">Select Block:</label>
        <select id="selectedBlock">
            <option value="ground">Ground</option>
            <option value="hardBlock">Hard Block</option>
            <option value="goomba">Goomba</option>
        </select>
    </div>
    
    <div>
        <button id="playButton">Play</button>
    </div>
</body>
</html>
```

Additionally, I've added a play button that displays an alert message when clicked, indicating that the game has started. You can modify and enhance the code further to make it a fully-functional game with different levels, scoring, and other gameplay mechanics.