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

No:10207

robot fight against dragons
Developer User4498｜Date and time 23/7/29 12:25:06
Build time 18.039 sec｜Game capacity 3.524KB｜

Script

Sure! Here's a simple game where a robot fights against dragons using JavaScript. It's designed to be played on a smartphone and uses pictograms for visuals. Please keep in mind that the game logic can be expanded and improved further based on your requirements.

Robot vs Dragons

Score: 0

To use this code, make sure you have two images named "emozi_all/robot.png" and "emozi_all/dragon.png" in the same directory as the HTML file. These images should represent the robot and dragons respectively. Adjust the CSS sizes and game area dimensions as needed. Once you open the HTML file on a smartphone, you'll see a game screen with a robot. Tap on the robot to increase your score. Dragons will spawn every second, and if you tap on a dragon, the game will end and show your final score. Feel free to modify and enhance this code to suit your specific needs. Enjoy the game!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Robot vs Dragons</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #score {
            font-size: 24px;
        }
        #gameArea {
            margin-top: 30px;
            display: inline-block;
        }
        .character {
            width: 80px;
            height: 80px;
        }
        .robot {
            background-image: url('robot.png');
        }
        .dragon {
            background-image: url('dragon.png');
        }
    </style>
</head>
<body>
    <h1>Robot vs Dragons</h1>
    <div id="score">Score: 0</div>
    <div id="gameArea"></div>
    <script>
        // Game variables
        var score = 0;
        var gameArea = document.getElementById('gameArea');
        
        function startGame() {
            // Create robot
            var robot = createCharacter('robot');
            robot.addEventListener('click', function() {
                score++;
                updateScore();
                hitCharacter(robot);
            });
            gameArea.appendChild(robot);

// Spawn dragons every 1 second
            setInterval(function() {
                var dragon = createCharacter('dragon');
                dragon.addEventListener('click', function() {
                    gameOver();
                });
                gameArea.appendChild(dragon);
            }, 1000);
        }

// Create characters (robot and dragons)
        function createCharacter(type) {
            var character = document.createElement('div');
            character.classList.add('character');
            character.classList.add(type);
            character.style.left = getRandomPosition() + 'px';
            character.style.top = getRandomPosition() + 'px';
            return character;
        }

// Get random position within game area
        function getRandomPosition() {
            var min = 0;
            var max = 400; // Adjust as needed based on gameArea size
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

// Update score display
        function updateScore() {
            document.getElementById('score').textContent = 'Score: ' + score;
        }

// Process hit on character
        function hitCharacter(character) {
            character.style.display = 'none';
        }

// Game over
        function gameOver() {
            alert('Game Over!\nFinal Score: ' + score);
            // You can add additional game-ending logic here
        }

// Start the game
        startGame();
    </script>
</body>
</html>
```

To use this code, make sure you have two images named "robot.png" and "dragon.png" in the same directory as the HTML file. These images should represent the robot and dragons respectively. Adjust the CSS sizes and game area dimensions as needed.

Once you open the HTML file on a smartphone, you'll see a game screen with a robot. Tap on the robot to increase your score. Dragons will spawn every second, and if you tap on a dragon, the game will end and show your final score.

Feel free to modify and enhance this code to suit your specific needs. Enjoy the game!