a pixel where there are 4 movements up, down, left and right, However, there is a limit to move 3 right 3 left 2 up and 2 down, with a small maze, where the character has to use the correct keys to win's game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
a pixel where there are 4 movements up, down, left and right, However, there is a limit to move 3 right 3 left 2 up and 2 down, with a small maze, where the character has to use the correct keys to win's game | AI game creator

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

No:41416

←

Prev Next

→

a pixel where there are 4 movements up, down, left..ALL
Developer User18533｜Date and time 24/2/7 9:45:06
Build time 7.924 sec｜Game capacity 2.223KB｜

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 Labirinto</title>
    <style>
        #maze {
            margin: 20px auto;
            width: 320px;
            height: 320px;
            border: 1px solid black;
            position: relative;
        }
        #player {
            width: 20px;
            height: 20px;
            background-color: red;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="maze">
        <div id="player"></div>
    </div>

var player = document.getElementById('player');

var positionX = 0; // initial player position
        var positionY = 0;
        var stepSize = 20; // size of each step in pixels

function movePlayer(event) {
            event.preventDefault(); // disable default scrolling on arrow keys

if (event.key === 'ArrowUp') {
                if (positionY - stepSize >= -40) { 
                    positionY -= stepSize;
                    player.style.top = positionY + 'px';
                }
            } else if (event.key === 'ArrowDown') {
                if (positionY + stepSize <= 320) {
                    positionY += stepSize;
                    player.style.top = positionY + 'px';
                }
            } else if (event.key === 'ArrowLeft') {
                if (positionX - stepSize >= -40) {
                    positionX -= stepSize;
                    player.style.left = positionX + 'px';
                }
            } else if (event.key === 'ArrowRight') {
                if (positionX + stepSize <= 320) {
                    positionX += stepSize;
                    player.style.left = positionX + 'px';
                }
            }

checkWinCondition();
        }

function checkWinCondition() {
            if (positionX === 280 && positionY === 280) {
                alert('Você venceu! Parabéns!');
                resetGame();
            }
        }

function resetGame() {
            positionX = 0;
            positionY = 0;
            player.style.left = '0px';
            player.style.top = '0px';
        }
    </script>
</body>
</html>