AI game creator

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

No:17598

←

Prev Next

→

Zelda game
Developer User7739｜Date and time 23/9/24 2:44:47
Build time 19.594 sec｜Game capacity 2.472KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<html>
<head>
    <title>Zelda Game</title>
    <style>
        body {
            background-image: url('background.jpg');
            background-repeat: no-repeat;
            background-size: cover;
        }
    </style>
</head>
<body>
    <script>
        // Zelda Game

// Game variables
        let linkX = 50;
        let linkY = 50;
        let keyDown = {};
        let canMove = true;

// Listen for arrow key presses
        document.addEventListener('keydown', function(event) {
            keyDown[event.keyCode] = true;
        });

// Listen for arrow key releases
        document.addEventListener('keyup', function(event) {
            delete keyDown[event.keyCode];
        });

// Update game state
        function update() {
            if (canMove) {
                if (38 in keyDown) { // Up arrow key
                    linkY -= 5;
                }
                if (40 in keyDown) { // Down arrow key
                    linkY += 5;
                }
                if (37 in keyDown) { // Left arrow key
                    linkX -= 5;
                }
                if (39 in keyDown) { // Right arrow key
                    linkX += 5;
                }
            }

// Check collision with boundaries
            if (linkX < 0) {
                linkX = 0;
            }
            if (linkY < 0) {
                linkY = 0;
            }
            if (linkX > window.innerWidth - 50) {
                linkX = window.innerWidth - 50;
            }
            if (linkY > window.innerHeight - 50) {
                linkY = window.innerHeight - 50;
            }
        }

// Render game state
        function render() {
            const canvas = document.createElement('canvas');
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
            const context = canvas.getContext('2d');

const linkImage = new Image();
            linkImage.src = 'link.png';

linkImage.onload = function() {
                context.drawImage(linkImage, linkX, linkY, 50, 50);
            }

document.body.innerHTML = '';
            document.body.appendChild(canvas);
        }

// Main game loop
        function gameLoop() {
            update();
            render();
            requestAnimationFrame(gameLoop);
        }

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