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

No:23689

Super tari maker is the name. You Can Switch Block..ALL
Developer User9100｜Date and time 23/11/3 0:05:24
Build time 60.207 sec｜Game capacity 4.553KB｜

Script

Sure! Here is an example implementation of the "Super Tari Maker" game using HTML and JavaScript:

Super Tari Maker

This implementation creates a simple game editor where you can switch between two block types (ground and brick) and place them on the canvas by clicking on it. By clicking the "Test" button, you can switch to testing mode where a player (represented by the dancer emoji) appears and you can control its movement using the arrow keys.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here is an example implementation of the "Super Tari Maker" game using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Super Tari Maker</title>
    <style>
        #gameCanvas {
            border: 1px solid black;
            width: 100%;
            height: 300px;
        }
    </style>
</head>
<body>
    <div>
        <h1>Super Tari Maker</h1>
        <button id="testButton">Test</button>
    </div>
    <div id="gameCanvas"></div>

// Function to create a block element
            function createBlock(type) {
                var block = document.createElement("span");
                block.innerHTML = type === "brick" ? "🧱" : "";

block.style.display = "inline-block";
                block.style.width = "30px";
                block.style.height = "30px";
                block.style.fontSize = "25px";
                block.style.padding = "2px";
                block.style.border = "1px solid black";
                block.style.marginRight = "3px";
                block.style.marginBottom = "3px";

return block;
            }

// Function to switch between block types: ground and brick
            function switchBlock() {
                var currentBlockType = btnSwitch.innerHTML.toLowerCase();
                btnSwitch.innerHTML = currentBlockType === "brick" ? "Ground" : "Brick";
            }

// Function to handle player movement
            function handlePlayerMovement(event) {
                if (!player) return;

switch (event.key) {
                    case "ArrowUp":
                        // Handle jump movement
                        break;
                    case "ArrowLeft":
                        // Handle left movement
                        break;
                    case "ArrowRight":
                        // Handle right movement
                        break;
                }
            }

// Function to handle test button click
            function handleTestButtonClick() {
                if (!isTesting) {
                    // Switch to testing mode
                    player = document.createElement("span");
                    player.innerHTML = "🕺";
                    player.style.display = "inline-block";
                    player.style.width = "30px";
                    player.style.height = "30px";
                    player.style.fontSize = "25px";
                    player.style.padding = "2px";
                    player.style.border = "1px solid black";
                    player.style.marginRight = "3px";
                    player.style.marginBottom = "3px";
                    gameCanvas.appendChild(player);

document.addEventListener("keydown", handlePlayerMovement);
                } else {
                    // Switch back to making mode
                    gameCanvas.removeChild(player);
                    player = null;

document.removeEventListener("keydown", handlePlayerMovement);
                }

isTesting = !isTesting;
            }

// Create initial block elements
            var groundBlock = createBlock("ground");
            groundBlock.style.backgroundColor = "green";
            gameCanvas.appendChild(groundBlock);

var brickBlock = createBlock("brick");
            gameCanvas.appendChild(brickBlock);

// Set up event listeners
            var btnSwitch = document.getElementById("testButton");
            btnSwitch.addEventListener("click", switchBlock);
            document.getElementById("gameCanvas").addEventListener("click", function(e) {
                if (!isTesting) {
                    var blockType = btnSwitch.innerHTML.toLowerCase();
                    var newBlock = createBlock(blockType);
                    gameCanvas.appendChild(newBlock);
                }
            });
            btnSwitch.addEventListener("click", handleTestButtonClick);
        });
    </script>
</body>
</html>
```