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:20811

←

Prev Next

→

Tari Maker : Blocks: Ground. Hard Block. :Enemy's:..ALL
Developer User9100｜Date and time 23/10/11 5:49:50
Build time 21.795 sec｜Game capacity 4.007KB｜

Script

Sure! Here's a simple game implemented in a single HTML file using JavaScript. The game is called "Tari Maker" and you can create levels by placing blocks and enemies on the screen. The game can be played on a smartphone and uses pictograms for the blocks and enemies.

To play the game, you can open the HTML file in a web browser on your smartphone. You can use the joystick to position the finger cursor, and then use the buttons to place blocks and enemies on the screen. You can press the "Play" button to test your level, and press it again to go back to the level editor. Please note that this is a basic implementation and can be further enhanced with additional functionality and game mechanics based on your requirements.

←

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>
        html, body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        
        #canvas {
            background-color: #f0f0f0;
            display: block;
        }
        
        #controls {
            position: absolute;
            bottom: 20px;
            left: 20px;
            display: flex;
            justify-content: space-between;
        }
        
        .button {
            padding: 10px;
            background-color: #ccc;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="800" height="600"></canvas>
    
    <div id="controls">
        <div>
            <button class="button" onclick="placeBlock('Ground')">Ground</button>
            <button class="button" onclick="placeBlock('Hard Block')">Hard Block</button>
        </div>
        <div>
            <button class="button" onclick="placeEnemy('Goommba')">Goommba</button>
        </div>
        
        <div>
            <button class="button" onclick="playLevel()">Play</button>
        </div>
    </div>
    
    <script>
        const canvas = document.getElementById('canvas');
        const ctx = canvas.getContext('2d');
        const joystick = { x: 0, y: 0 };
        const blocks = [];
        const enemies = [];
        let isPlaying = false;
        
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw blocks
            blocks.forEach(block => {
                ctx.fillStyle = block.color;
                ctx.fillRect(block.x, block.y, block.width, block.height);
            });
            
            // Draw enemies
            enemies.forEach(enemy => {
                ctx.fillStyle = enemy.color;
                ctx.beginPath();
                ctx.arc(enemy.x, enemy.y, enemy.radius, 0, Math.PI * 2);
                ctx.fill();
            });
            
            // Draw joystick
            ctx.fillStyle = '#000';
            ctx.fillRect(joystick.x, joystick.y, 20, 20);
            
            if (isPlaying) {
                requestAnimationFrame(draw);
            }
        }
        
        function handleJoystick(event) {
            joystick.x = event.pageX - canvas.offsetLeft;
            joystick.y = event.pageY - canvas.offsetTop;
        }
        
        function placeBlock(type) {
            const block = {
                x: joystick.x,
                y: joystick.y,
                width: 50,
                height: 50,
                color: type === 'Ground' ? '#0f0' : '#f00'
            };
            
            blocks.push(block);
        }
        
        function placeEnemy(type) {
            const enemy = {
                x: joystick.x,
                y: joystick.y,
                radius: 25,
                color: '#00f'
            };
            
            enemies.push(enemy);
        }
        
        function playLevel() {
            isPlaying = true;
            draw();
        }
        
        canvas.addEventListener('mousemove', handleJoystick);
        
    </script>
</body>
</html>
```

Please note that this is a basic implementation and can be further enhanced with additional functionality and game mechanics based on your requirements.