AI game creator

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

No:49864

1297

←

Prev Next

→

3D
Developer anonymous｜Date and time 70/1/1 9:21:15
Build time unknown sec｜Game capacity 1.275KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>3D Game</title>
</head>
<body>
    
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let playerX = 200;
        let playerY = 200;
        let playerSize = 20;
        
        function drawPlayer(){
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, playerSize, playerSize);
        }
        
        function clearCanvas(){
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }
        
        function update(){
            clearCanvas();
            drawPlayer();
        }
        
        document.addEventListener('keydown', function(event){
            const key = event.key;
            if(key === 'ArrowUp'){
                playerY -= 10;
            }
            else if(key === 'ArrowDown'){
                playerY += 10;
            }
            else if(key === 'ArrowLeft'){
                playerX -= 10;
            }
            else if(key === 'ArrowRight'){
                playerX += 10;
            }
            update();
        });
        
        update();
        
    </script>
    
</body>
</html>