AI game creator

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

No:15172

←

Prev Next

→

Meteor power
Developer User6503｜Date and time 23/9/6 23:12:49
Build time 34.981 sec｜Game capacity 2.385KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Meteor Power Game</title>
    <style>
    #game-container {
        width: 100%;
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    </style>
</head>
<body>
    <div id="game-container">
        <img id="meteor" src="meteor.png" alt="Meteor" width="100" height="100">
    </div>
    <script>
    document.addEventListener("DOMContentLoaded", function() {
        let meteor = document.getElementById("meteor");
        let container = document.getElementById("game-container");

let containerWidth = container.offsetWidth;
        let meteorWidth = meteor.offsetWidth;

let maxX = containerWidth - meteorWidth;
        let maxY = container.offsetHeight;

let currentX = 0;
        let currentY = 0;

meteor.style.transform = `translate(${currentX}px, ${currentY}px)`;
        }

document.addEventListener("keydown", function(event) {
            switch(event.keyCode) {
                case 37: // Left arrow key
                    moveMeteor("left");
                    break;
                case 38: // Up arrow key
                    moveMeteor("up");
                    break;
                case 39: // Right arrow key
                    moveMeteor("right");
                    break;
                case 40: // Down arrow key
                    moveMeteor("down");
                    break;
            }
        });
    });
    </script>
</body>
</html>