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

No:38813

Emoji red stickman"🔴" move the Stickman with up do..ALL
Developer User17401｜Date and time 24/1/25 21:18:23
Build time 23.151 sec｜Game capacity 4.451KB｜

Script

Sure, here's a simple game that meets your requirements:

Stickman Game

Note that you need to replace the `src="emozi_himawari.png"` with the actual path to your stickman image file. Also, this code assumes that you have a stickman image file named "emozi_cat.png".

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's a simple game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Stickman Game</title>
    <style>
        body {
            background-color: #ddd;
            text-align: center;
        }

#gameCanvas {
            position: relative;
            margin: auto;
            width: 400px;
            height: 400px;
            border: 2px solid #000;
            background-color: #fff;
        }

#stickman {
            position: absolute;
            top: 180px;
            left: 180px;
        }

.laser {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: red;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <h1>Stickman Game</h1>
    <div id="gameCanvas">
        <img id="stickman" src="stickman.png" alt="Stickman">
    </div>

function startGame() {
            document.addEventListener('keydown', moveStickman);
            startRound();
        }

function startRound() {
            roundCounter++;
            createLasers(roundCounter * 2);
            moveLasers();
        }

function createLasers(numLasers) {
            var gameCanvas = document.getElementById('gameCanvas');
            
            for (var i = 0; i < numLasers; i++) {
                var laser = document.createElement('div');
                laser.className = 'laser';
                laser.style.top = Math.floor(Math.random() * 360) + 'px';
                laser.style.left = Math.floor(Math.random() * 360) + 'px';
                gameCanvas.appendChild(laser);
            }
        }
        
        function moveStickman(event) {
            var stickman = document.getElementById('stickman');
            var top = parseInt(stickman.style.top);
            var left = parseInt(stickman.style.left);
            var key = event.keyCode;

if (key === 37) { // Left arrow key
                left -= 10;
            } else if (key === 38) { // Up arrow key
                top -= 10;
            } else if (key === 39) { // Right arrow key
                left += 10;
            } else if (key === 40) { // Down arrow key
                top += 10;
            }

stickman.style.top = top + 'px';
            stickman.style.left = left + 'px';

checkCollision();
        }

function moveLasers() {
            var lasers = document.getElementsByClassName('laser');

laserInterval = setInterval(function() {
                for (var i = 0; i < lasers.length; i++) {
                    var currentLaser = lasers[i];

var top = Math.floor(Math.random() * 360);
                    var left = Math.floor(Math.random() * 360);
                    currentLaser.style.top = top + 'px';
                    currentLaser.style.left = left + 'px';
                }
            }, 3000);
        }

function checkCollision() {
            var stickman = document.getElementById('stickman');
            var lasers = document.getElementsByClassName('laser');

for (var i = 0; i < lasers.length; i++) {
                var laser = lasers[i];
                var stickmanRect = stickman.getBoundingClientRect();
                var laserRect = laser.getBoundingClientRect();

if (
                    stickmanRect.left < laserRect.right &&
                    stickmanRect.right > laserRect.left &&
                    stickmanRect.top < laserRect.bottom &&
                    stickmanRect.bottom > laserRect.top
                ) {
                    gameOver = true;
                    clearInterval(laserInterval);
                    break;
                }
            }

if (gameOver) {
                document.removeEventListener('keydown', moveStickman);
                alert('Game Over! Your score: ' + roundCounter);
            } else if (roundCounter % 10 === 0) {
                clearInterval(laserInterval);
                startRound();
            }
        }

startGame();
    </script>
</body>
</html>
```

Note that you need to replace the `src="stickman.png"` with the actual path to your stickman image file. Also, this code assumes that you have a stickman image file named "stickman.png".