Anime . Rpg . Sandbox . 3d . Story . Offline . Apk's game

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

No:39165

←

Prev Next

→

Anime . Rpg . Sandbox . 3d . Story . Offline . Apk
Developer User17532｜Date and time 24/1/27 2:25:36
Build time 9.18 sec｜Game capacity 2.235KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Anime RPG Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // Helper function to load images
        function loadImage(src) {
            return new Promise((resolve, reject) => {
                const image = new Image();
                image.onload = () => resolve(image);
                image.onerror = reject;
                image.src = src;
            });
        }
        
        // Getting the game canvas
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        
        // Game assets
        const playerSprite = loadImage("player_sprite.png");
        const enemySprite = loadImage("enemy_sprite.png");
        const backgroundSprite = loadImage("background_sprite.png");
        
        // Game state
        let playerX = 200;
        let playerY = 200;
        let enemyX = 600;
        let enemyY = 200;
        
        // Game loop
        function gameLoop() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw the background
            context.drawImage(backgroundSprite, 0, 0);
            
            // Draw the player
            context.drawImage(playerSprite, playerX, playerY);
            
            // Draw the enemy
            context.drawImage(enemySprite, enemyX, enemyY);
            
            // Move the enemy towards the player
            if (enemyX > playerX) {
                enemyX -= 2;
            } else if (enemyX < playerX) {
                enemyX += 2;
            }
            if (enemyY > playerY) {
                enemyY -= 2;
            } else if (enemyY < playerY) {
                enemyY += 2;
            }
            
            // Request the next frame
            requestAnimationFrame(gameLoop);
        }
        
        // Start the game loop
        Promise.all([playerSprite, enemySprite, backgroundSprite]).then(() => {
            gameLoop();
        });
    </script>
</body>
</html>