AI game creator

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

No:52048

255

←

Prev Next

→

3d graphics display
Developer User19080｜Date and time 24/3/17 13:45:51
Build time 3.706 sec｜Game capacity 1.522KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>Jogo de Pictogramas</title>
    <style>
        canvas {
            display: block;
            margin: 0 auto;
            border: 1px solid black;
        }
    </style>
</head>

<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        let playerX = 50;
        let playerY = 50;
        let playerSize = 50;
        
        function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, playerY, playerSize, playerSize);
        }
        
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }
        
        function updateGameArea() {
            clearCanvas();
            drawPlayer();
        }
        
        function movePlayer(event) {
            switch(event.keyCode) {
                case 37: //left
                    playerX -= 10;
                    break;
                case 38: //up
                    playerY -= 10;
                    break;
                case 39: //right
                    playerX += 10;
                    break;
                case 40: //down
                    playerY += 10;
                    break;
            }
            updateGameArea();
        }
        
        window.addEventListener("keydown", movePlayer);
        
        updateGameArea();
    </script>
</body>

</html>