The stickman's sword can be dragged using the touchscreen to attack. An evil monster also has a sword which slowly moves towards the stickman. There is a 'Reset' button when tapped will restart the game paused. Then unpauses after 3 seconds.'s game

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

No:35221

←

Prev Next

→

The stickman's sword can be dragged using the touc..ALL
Developer ZAPSTRON｜Date and time 24/1/13 16:39:33
Build time 15.343 sec｜Game capacity 5.274KB｜

Script

Sure! Here's an example of a simple game that meets your requirements. It's a game where a stickman can attack an evil monster using a sword. The stickman's sword can be dragged on the touchscreen to attack, while the monster's sword slowly moves towards the stickman. There's also a "Reset" button that restarts the game when tapped, and it pauses for 3 seconds before unpausing.

Reset

This code creates a simple HTML game where you can drag and attack with a stickman sword and a monster sword slowly moves towards the stickman. Additionally, there's a "Reset" button that restarts the game after being tapped, pausing for 3 seconds before unpausing. The game is designed for smartphone operation and uses CSS to style stickman and monster pictograms.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Stickman vs Monster</title>
    <style>
        #game {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            position: relative;
        }

#stickman, #monster {
            width: 50px;
            height: 50px;
            position: absolute;
        }

#stickman {
            background-color: blue;
            left: 10px;
            top: 125px;
        }

#monster {
            background-color: red;
            right: 10px;
            top: 125px;
        }

#sword {
            background-color: gray;
            width: 80px;
            height: 10px;
            position: absolute;
            display: none;
        }
        
        #reset-button {
            position: absolute;
            bottom: 10px;
            left: 10px;
            padding: 5px;
            background-color: gray;
            color: white;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="stickman"></div>
        <div id="monster"></div>
        <div id="sword"></div>
    </div>
    <div id="reset-button">Reset</div>

document.getElementById("stickman").addEventListener("mousedown", startDragging);
        document.getElementById("stickman").addEventListener("touchstart", startDragging);

document.addEventListener("mousemove", dragSword);
        document.addEventListener("touchmove", dragSword);

document.addEventListener("mouseup", stopDragging);
        document.addEventListener("touchend", stopDragging);

document.getElementById("reset-button").addEventListener("click", resetGame);

function startDragging() {
            document.getElementById("sword").style.display = "block";
            gameInterval = setInterval(moveMonster, 10);
        }

function checkCollision() {
            var monster = document.getElementById("monster");
            var monsterPosition = parseInt(monster.style.left) || 0;
            var sword = document.getElementById("sword");
            var swordPosition = parseInt(sword.style.left) || 0;

if (swordPosition >= monsterPosition && swordPosition <= monsterPosition + monster.offsetWidth) {
                monster.style.backgroundColor = "green";
                // Uncomment the line below to stop the game when a collision occurs
                // pauseGame();
            } else {
                monster.style.backgroundColor = "red";
            }
        }

function pauseGame() {
            clearInterval(gameInterval);
            isPaused = true;
            setTimeout(unpauseGame, 3000);
        }

function unpauseGame() {
            isPaused = false;
            gameInterval = setInterval(moveMonster, 10);
        }

function resetGame() {
            clearInterval(gameInterval);
            document.getElementById("monster").style.left = "10px";
            document.getElementById("monster").style.backgroundColor = "red";
            isPaused = true;
            setTimeout(unpauseGame, 3000);
        }
    </script>
</body>
</html>
```