Super tari maker is the name. You Can Switch Blocks :Blocks:Ground :Breakables: Brick Block :a button is saying test if you press it a player will appear and arrows so you can move player use up to jump press test again you go back to making touch to place in editor's game

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

No:23688

←

Prev Next

→

Super tari maker is the name. You Can Switch Block..ALL
Developer User9100｜Date and time 23/11/3 0:00:35
Build time 59.243 sec｜Game capacity 4.439KB｜

Script

Sure, here's an example of a simple game called "Super Tari Maker" implemented as a single HTML file using JavaScript:

In this game, you can use touch to place blocks in the editor or use arrows to move the player. When you click the "Test" button, it will switch to the gameplay mode where you can control the player using arrows and see the blocks you've placed in the editor. Clicking "Test" again will bring you back to the editor mode. Please note that you'll need to have the corresponding image files (`emozi_all/ground.png` and `emozi_all/brick.png`) in the same directory as the HTML file for the images to load properly. You can replace these images with your desired pictograms.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple game called "Super Tari Maker" implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Super Tari Maker</title>
    <style>
        #canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div id="editor">
        <img id="ground" src="ground.png">
        <img id="brick" src="brick.png">
    </div>
    
    <div id="toolbar">
        <button id="testButton">Test</button>
    </div>
    
    <script>
        var canvas = document.createElement("canvas");
        canvas.id = "canvas";
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        document.body.appendChild(canvas);
        
        var context = canvas.getContext("2d");
        
        var editor = document.getElementById("editor");
        var groundImage = document.getElementById("ground");
        var brickImage = document.getElementById("brick");
        
        var playerX = 100;
        var playerY = 100;
        var isJumping = false;
        var jumpHeight = 100;
        
        var isTesting = false;
        
        editor.addEventListener("mousedown", function(event) {
            if (!isTesting) {
                var x = event.clientX;
                var y = event.clientY;
                
                var block = document.createElement("img");
                block.src = "brick.png";
                block.style.position = "absolute";
                block.style.left = (x - 16) + "px";
                block.style.top = (y - 16) + "px";
                editor.appendChild(block);
            }
        });
        
        document.addEventListener("keydown", function(event) {
            if (!isTesting) {
                if (event.key === "ArrowUp") {
                    var jumpInterval = setInterval(function() {
                        playerY--;
                        jumpHeight--;
                        if (jumpHeight === 0) {
                            clearInterval(jumpInterval);
                            playerY += 100;
                            jumpHeight = 100;
                            isJumping = false;
                        }
                    }, 10);
                    isJumping = true;
                }
                else if (event.key === "ArrowLeft") {
                    playerX -= 5;
                }
                else if (event.key === "ArrowRight") {
                    playerX += 5;
                }
            }
        });
        
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            if (isTesting) {
                context.drawImage(groundImage, 0, 0);
                var bricks = document.querySelectorAll("#editor img");
                bricks.forEach(function(brick) {
                    context.drawImage(brickImage, parseInt(brick.style.left), parseInt(brick.style.top));
                });
                
                context.fillStyle = "red";
                context.fillRect(playerX, playerY, 32, 32);
            }
        }
        
        function run() {
            update();
            
            if (isTesting) {
                requestAnimationFrame(run);
            }
        }
        
        var testButton = document.getElementById("testButton");
        testButton.addEventListener("click", function() {
            if (!isTesting) {
                isTesting = true;
                testButton.innerHTML = "Back";
                run();
            }
            else {
                isTesting = false;
                testButton.innerHTML = "Test";
                playerX = 100;
                playerY = 100;
                isJumping = false;
                jumpHeight = 100;
                update();
            }
        });
    </script>
</body>
</html>
```

Please note that you'll need to have the corresponding image files (`ground.png` and `brick.png`) in the same directory as the HTML file for the images to load properly. You can replace these images with your desired pictograms.