Demon slayer The fighting game.'s game

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

No:21655

←

Prev Next

→

Demon slayer The fighting game.
Developer User9965｜Date and time 23/10/17 5:44:26
Build time 96.314 sec｜Game capacity 3.566KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Demon Slayer: The Fighting Game</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f5f5f5;
            font-family: sans-serif;
        }
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Initialize game
        function init() {
            canvas = document.getElementById('gameCanvas');
            ctx = canvas.getContext('2d');
            playerX = 50;
            playerY = canvas.height / 2 - 50;
            playerWidth = 100;
            playerHeight = 100;
            demonX = canvas.width - 150;
            demonY = canvas.height / 2 - 50;
            demonWidth = 100;
            demonHeight = 100;
            isPlayerAttacking = false;
            isGameOver = false;

// Event listeners
            canvas.addEventListener('click', attackPlayer);

// Start game loop
            gameLoop();
        }

// Update game objects
        function update() {
            if (!isGameOver) {
                if (isPlayerAttacking) {
                    // Check if player hit the demon
                    if (playerX + playerWidth >= demonX && playerY + playerHeight >= demonY && playerY <= demonY + demonHeight) {
                        // Player successfully attacked the demon
                        isGameOver = true;
                        setTimeout(showGameOverMessage, 1000);
                    }
                }
            }
        }

// Render game objects
        function render() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = '#ff0000';
            ctx.fillRect(playerX, playerY, playerWidth, playerHeight);

// Draw demon
            ctx.fillStyle = '#0000ff';
            ctx.fillRect(demonX, demonY, demonWidth, demonHeight);

// Draw attacking state
            if (isPlayerAttacking) {
                ctx.fillStyle = '#ff9900';
                ctx.fillRect(playerX + playerWidth, playerY, 10, playerHeight);
            }

// Game over screen
            if (isGameOver) {
                ctx.font = '30px Arial';
                ctx.fillStyle = '#000';
                ctx.fillText('Game Over!', canvas.width / 2 - 90, canvas.height / 2);
            }
        }

// Game loop
        function gameLoop() {
            update();
            render();

if (!isGameOver) {
                requestAnimationFrame(gameLoop);
            }
        }

// Handle player attack
        function attackPlayer() {
            isPlayerAttacking = true;
            setTimeout(stopAttackPlayer, 200);
        }

// Stop player attack
        function stopAttackPlayer() {
            isPlayerAttacking = false;
        }

// Show game over message
        function showGameOverMessage() {
            alert("Congratulations! You defeated the demon!");
            // Reset game
            init();
        }

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