A ball shooting out lasers and you have to dodge it's game

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

No:17114

139

←

Prev Next

→

A ball shooting out lasers and you have to dodge i..ALL
Developer User7570｜Date and time 23/9/22 8:56:26
Build time 24.457 sec｜Game capacity 3.626KB｜

Script

Sure! Here's an example of a simple game where you have to dodge lasers by moving a character using smartphone operation:

To play the game, open any text editor, create a new file, copy the above code into it, and save it with a ".html" extension (for example, "game.html"). Then, you can open the file in any web browser on your smartphone and play the game by moving your device to dodge the laser while trying to achieve a high score.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's an example of a simple game where you have to dodge lasers by moving a character using smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Laser Dodger</title>
    <style>
        #game-board {
            width: 100%;
            height: 400px;
            background-color: black;
            position: relative;
        }

#character {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
            bottom: 0;
            left: 0;
        }

#laser {
            width: 5px;
            height: 200px;
            background-color: yellow;
            position: absolute;
            bottom: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="character"></div>
        <div id="laser"></div>
    </div>

// Set initial variables
        let isDodging = false;
        let gameSpeed = 10;
        let score = 0;

// Move character based on smartphone operation
        function moveCharacter(event) {
            const xPos = event.gamma || 0;
            const yPos = event.beta || 0;
            character.style.left = (xPos + 50) + "px";
            character.style.bottom = (yPos + 50) + "px";
        }

// Check if character is hit by laser
        function checkCollision() {
            const characterRect = character.getBoundingClientRect();
            const laserRect = laser.getBoundingClientRect();

if (
                characterRect.bottom >= laserRect.top &&
                characterRect.right >= laserRect.left &&
                characterRect.left <= laserRect.right
            ) {
                endGame();
            }
        }

// Move laser and update score
        function moveLaser() {
            const laserBottom = parseInt(window.getComputedStyle(laser).getPropertyValue("bottom"));
            if (laserBottom >= 350) {
                laser.style.left = Math.floor(Math.random() * gameBoard.offsetWidth) + "px";
                score++;
            }

laser.style.bottom = (laserBottom + gameSpeed) + "px";
            checkCollision();
        }

// End the game
        function endGame() {
            clearInterval(laserInterval);
            isDodging = false;
            alert("Game Over! Your score: " + score);
            resetGame();
        }

// Reset the game
        function resetGame() {
            score = 0;
            character.style.left = "0";
            character.style.bottom = "0";
        }

// Start the game
        function startGame() {
            if (isDodging) return;
            isDodging = true;
            resetGame();
            laserInterval = setInterval(moveLaser, 16);
        }

// Add event listener for character movement
        window.addEventListener("deviceorientation", moveCharacter);

// Add event listener to start the game
        window.addEventListener("click", startGame);
    </script>
</body>
</html>
```