Kreiere win Spiel wo die spieler auf eine Matte springen müssen um sie bis an die Ziellinie zu rutschen's game

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

No:47540

133

←

Prev Next

→

Kreiere win Spiel wo die spieler auf eine Matte sp..ALL
Developer User20516｜Date and time 24/2/28 10:24:53
Build time 6.681 sec｜Game capacity 1.769KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<html>
    <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;
            let speed = 5;
      
            function drawPlayer() {
                ctx.fillStyle = 'blue';
                ctx.fillRect(playerX, playerY, playerSize, playerSize);
            }
      
            function movePlayer(direction) {
                if (direction === 'left') {
                    playerX -= speed;
                } else if (direction === 'right') {
                    playerX += speed;
                } else if (direction === 'up') {
                    playerY -= speed;
                } else if (direction === 'down') {
                    playerY += speed;
                }
                drawPlayer();
            }
      
            function checkWin() {
                if(playerY >= canvas.height - playerSize) {
                    alert('Du hast gewonnen! Herzlichen Glückwunsch!');
                }
            }
      
            drawPlayer();
      
            document.addEventListener('keydown', function(event) {
                if (event.key === 'ArrowLeft') {
                    movePlayer('left');
                } else if (event.key === 'ArrowRight') {
                    movePlayer('right');
                } else if (event.key === 'ArrowUp') {
                    movePlayer('up');
                } else if (event.key === 'ArrowDown') {
                    movePlayer('down');
                }
                checkWin();
            });
        </script>
    </body>
</html>