Make me 2d game where you k○ll your enemy touch him to walk you use touch a place you look 4pixel's game

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

No:36290

←

Prev Next

→

Make me 2d game where you k○ll your enemy touch hi..ALL
Developer User16771｜Date and time 24/1/17 6:08:43
Build time 11.014 sec｜Game capacity 3.25KB｜

Script

Sure! Here is a simple example of a 2D game where you touch your enemy to walk towards them, and you can touch any place on the screen to change the direction by 4 pixels. The game uses pictograms for visual representation. Please note that this is a basic implementation and can be enhanced further:

To play the game, save the above code in a .html file and open it in a web browser on your smartphone. Remember to replace the `// Player pictogram` and `// Enemy pictogram` comments with the actual code or pictograms representing the player and enemy characters. You can use CSS styles or external libraries for better visual representation based on your preferences and design.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>2D Game - Kill Your Enemy</title>
</head>
<body>
    <script>
        // Initialize the game elements
        var canvas = document.createElement("canvas");
        var ctx = canvas.getContext("2d");
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        document.body.appendChild(canvas);

// Set initial positions and sizes
        var player = {
            x: 50,
            y: 50,
            size: 50
        };
        var enemy = {
            x: canvas.width - 100,
            y: canvas.height - 100,
            size: 50
        };

// Add event listeners for touch events
        canvas.addEventListener('touchstart', onTouchStart, false);
        canvas.addEventListener('touchmove', onTouchMove, false);

// Function to handle touch start event
        function onTouchStart(event) {
            // Check if the touch position is within the enemy's boundaries
            if (event.touches[0].clientX >= enemy.x &&
                event.touches[0].clientX <= enemy.x + enemy.size &&
                event.touches[0].clientY >= enemy.y &&
                event.touches[0].clientY <= enemy.y + enemy.size) {
                // Kill the enemy by resetting its position randomly
                enemy.x = Math.random() * (canvas.width - enemy.size);
                enemy.y = Math.random() * (canvas.height - enemy.size);
            }
        }

// Function to handle touch move event
        function onTouchMove(event) {
            // Calculate the change in touch position
            var dx = event.touches[0].clientX - player.x;
            var dy = event.touches[0].clientY - player.y;

// Change player's position by 4 pixels based on touch movement
            if (Math.abs(dx) >= 4) {
                player.x += Math.sign(dx) * 4;
            }
            if (Math.abs(dy) >= 4) {
                player.y += Math.sign(dy) * 4;
            }

// Clear the canvas and redraw the player and enemy
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillRect(player.x, player.y, player.size, player.size); // Player pictogram
            ctx.fillRect(enemy.x, enemy.y, enemy.size, enemy.size); // Enemy pictogram
        }

// Initial drawing of player and enemy
        ctx.fillRect(player.x, player.y, player.size, player.size); // Player pictogram
        ctx.fillRect(enemy.x, enemy.y, enemy.size, enemy.size); // Enemy pictogram
    </script>
</body>
</html>
```

To play the game, save the above code in a .html file and open it in a web browser on your smartphone.

Remember to replace the `// Player pictogram` and `// Enemy pictogram` comments with the actual code or pictograms representing the player and enemy characters. You can use CSS styles or external libraries for better visual representation based on your preferences and design.