Make the game snake but add a maze the walls k○ll you and you collect coins to grow wherever you touch on screen the snake will ettemt to go using a pathfinding algorithm the game is called snake quest and is for android so make it use touch to move the snake's game | AI game creator

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

No:47996

47

Make the game snake but add a maze the walls k○ll ..ALL
Developer User20679｜Date and time 24/3/1 6:51:11
Build time 21.399 sec｜Game capacity 4.421KB｜

→ 　

0　

0　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

<script>
    // Define canvas and context
    var canvas = document.createElement("canvas");
    var ctx = canvas.getContext("2d");
    canvas.width = 600;
    canvas.height = 400;
    document.body.appendChild(canvas);
    
    // Define snake properties
    var snake = [{x: 10, y: 10}];
    var snakeDirection = 'right';
    var alive = true;
    var score = 0;
    
    // Define coin properties
    var coin = {x: 15, y: 15};
    
    // Define maze properties
    var maze = [[0,0,0,0,0,0,0,0],
                [0,1,1,1,1,1,1,0],
                [0,1,0,0,0,0,1,0],
                [0,1,1,0,0,0,1,0],
                [0,0,1,1,0,0,1,0],
                [0,0,1,0,0,1,1,0],
                [0,0,1,1,1,1,1,0],
                [0,0,0,0,0,0,0,0]];
    
    // Helper function to draw snake
    function drawSnake() {
        ctx.fillStyle = "green";
        snake.forEach(segment => {
            ctx.fillRect(segment.x * 20, segment.y * 20, 20, 20);
        });
    }
    
    // Helper function to draw coin
    function drawCoin() {
        ctx.fillStyle = "yellow";
        ctx.fillRect(coin.x * 20, coin.y * 20, 20, 20);
    }
    
    // Helper function to draw maze
    function drawMaze() {
        ctx.fillStyle = "brown";
        for (var i = 0; i < maze.length; i++) {
            for (var j = 0; j < maze[i].length; j++) {
                if (maze[i][j] === 1) {
                    ctx.fillRect(j * 20, i * 20, 20, 20);
                }
            }
        }
    }
    
    // Helper function to check collision
    function checkCollision(x, y) {
        if (maze[y][x] === 1) {
            alive = false;
        }
        snake.forEach(segment => {
            if (segment.x === x && segment.y === y) {
                alive = false;
            }
        });
    }
    
    // Helper function to update game state
    function update() {
        if (!alive) {
            alert("Game Over! Your score was " + score);
            location.reload();
            return;
        }
        
        var headX = snake[0].x;
        var headY = snake[0].y;
        
        // Move snake based on touch
        canvas.addEventListener("touchstart", function(event) {
            var touchX = event.changedTouches[0].pageX;
            var touchY = event.changedTouches[0].pageY;
            
            if (touchX < snake[0].x * 20) {
                snakeDirection = 'left';
            } else if (touchX > snake[0].x * 20) {
                snakeDirection = 'right';
            } else if (touchY < snake[0].y * 20) {
                snakeDirection = 'up';
            } else if (touchY > snake[0].y * 20) {
                snakeDirection = 'down';
            }
        });
        
        // Move snake based on pathfinding algorithm
        // To be implemented
        
        switch(snakeDirection) {
            case 'up':
                headY--;
                break;
            case 'down':
                headY++;
                break;
            case 'left':
                headX--;
                break;
            case 'right':
                headX++;
                break;
        }
        
        // Check for collision with walls or self
        if (headX < 0 || headX >= canvas.width / 20 || headY < 0 || headY >= canvas.height / 20) {
            alive = false;
        } else {
            checkCollision(headX, headY);
        }
        
        // Check for collision with coin
        if (headX === coin.x && headY === coin.y) {
            score++;
            snake.unshift({x: headX, y: headY});
            generateCoin();
        } else {
            snake.pop();
        }
        
        // Add new head to snake
        snake.unshift({x: headX, y: headY});
        
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw game elements
        drawMaze();
        drawCoin();
        drawSnake();
        
        // Update game at 10fps
        setTimeout(update, 100);
    }
    
    // Helper function to generate a new coin
    function generateCoin() {
        var x = Math.floor(Math.random() * (canvas.width / 20));
        var y = Math.floor(Math.random() * (canvas.height / 20));
        
        if (maze[y][x] === 0) {
            coin.x = x;
            coin.y = y;
        } else {
            generateCoin();
        }
    }
    
    // Start the game
    generateCoin();
    update();
</script>