Make snake but it has a d-pad and it is a maze game with randomly generated mazes and you can upgrade your snake like in an RPG it has enemies to fight and instead of fruit you collect in-game coins to buy length in a micro transactions menu the game is called snake quest's game

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

No:47995

←

Prev Next

→

Make snake but it has a d-pad and it is a maze gam..ALL
Developer User20679｜Date and time 24/3/1 6:48:40
Build time 8.669 sec｜Game capacity 1.822KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Snake Quest</title>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

const cellSize = 20;
        let snake = [{x: 10, y: 10}];
        let direction = 'right';
        let coin = {x: 15, y: 15};

function drawSnake() {
            ctx.fillStyle = 'green';
            snake.forEach(segment => {
                ctx.fillRect(segment.x * cellSize, segment.y * cellSize, cellSize, cellSize);
            });
        }

function drawCoin() {
            ctx.fillStyle = 'gold';
            ctx.fillRect(coin.x * cellSize, coin.y * cellSize, cellSize, cellSize);
        }

function update() {
            let head = {x: snake[0].x, y: snake[0].y};

switch (direction) {
                case 'up':
                    head.y--;
                    break;
                case 'down':
                    head.y++;
                    break;
                case 'left':
                    head.x--;
                    break;
                case 'right':
                    head.x++;
                    break;
            }

snake.unshift(head);

if (head.x === coin.x && head.y === coin.y) {
                coin.x = Math.floor(Math.random() * canvas.width / cellSize);
                coin.y = Math.floor(Math.random() * canvas.height / cellSize);
            } else {
                snake.pop();
            }
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            update();
            drawSnake();
            drawCoin();
            setTimeout(gameLoop, 100);
        }

gameLoop();
    </script>
</body>
</html>