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

No:49872

←

Prev Next

→

3DのAIがいる操作できる格闘ゲーム
Developer User21141｜Date and time 24/3/6 16:26:57
Build time 8.341 sec｜Game capacity 1.413KB｜

Script

3D格闘ゲーム

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>3D格闘ゲーム</title>
</head>
<body>
    <h1>3D格闘ゲーム</h1>
    
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let playerX = 100;
        let playerY = 100;
        let aiX = 500;
        let aiY = 100;
        
        function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, 50, 50);
        }
        
        function drawAI() {
            ctx.fillStyle = 'red';
            ctx.fillRect(aiX, aiY, 50, 50);
        }
        
        function updateGameArea() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawAI();
        }
        
        function movePlayer(event) {
            if (event.key === 'ArrowUp') {
                playerY -= 10;
            } else if (event.key === 'ArrowDown') {
                playerY += 10;
            } else if (event.key === 'ArrowLeft') {
                playerX -= 10;
            } else if (event.key === 'ArrowRight') {
                playerX += 10;
            }
            
            updateGameArea();
        }
        
        document.addEventListener('keydown', movePlayer);
        
        updateGameArea();
    </script>
</body>
</html>