Snake eat fruit and shoot enemy with very bad juice gun's game

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

No:42068

←

Prev Next

→

Snake eat fruit and shoot enemy with very bad juic..ALL
Developer User18785｜Date and time 24/2/10 12:14:19
Build time 17.398 sec｜Game capacity 6.039KB｜

Script

คะแนน: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>สงครามงูสีเขียว</title>
    <style>
        body {
            background-color: #ddd;
        }
        #game-board {
            margin: 0 auto;
            background-color: #fff;
            border: 2px solid #999;
            box-shadow: 0 0 10px #666;
        }
        #score {
            text-align: center;
            font-size: 24px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>
    <div id="score">คะแนน: 0</div>

// Pictograms
        const snakeHeadImg = new Image();
        snakeHeadImg.src = "snake-head.png";
        const snakeBodyImg = new Image();
        snakeBodyImg.src = "snake-body.png";
        const fruitImg = new Image();
        fruitImg.src = "fruit.png";
        const enemyImg = new Image();
        enemyImg.src = "enemy.png";

// Snake object
        class Snake {
            constructor() {
                this.segments = [
                    { x: 7, y: 7 },
                    { x: 6, y: 7 },
                    { x: 5, y: 7 }
                ];
                this.direction = "right";
            }

draw() {
                ctx.clearRect(0, 0, gameBoard.offsetWidth, gameBoard.offsetHeight);
                ctx.fillStyle = "#06c";
                for (let i = 0; i < this.segments.length; i++) {
                    if (i === 0) {
                        ctx.drawImage(snakeHeadImg, this.segments[i].x * blockSize, this.segments[i].y * blockSize, blockSize, blockSize);
                    } else {
                        ctx.drawImage(snakeBodyImg, this.segments[i].x * blockSize, this.segments[i].y * blockSize, blockSize, blockSize);
                    }
                }
            }

move() {
                const head = this.segments[0];
                let newX, newY;

if (this.direction === "right") {
                    newX = head.x + 1;
                    newY = head.y;
                } else if (this.direction === "left") {
                    newX = head.x - 1;
                    newY = head.y;
                } else if (this.direction === "up") {
                    newX = head.x;
                    newY = head.y - 1;
                } else if (this.direction === "down") {
                    newX = head.x;
                    newY = head.y + 1;
                }

const newHead = { x: newX, y: newY };
                this.segments.unshift(newHead);

if (newX === fruit.x && newY === fruit.y) {
                    score++;
                    createFruit();
                } else {
                    this.segments.pop();
                }
            }

checkCollision() {
                const head = this.segments[0];
                const borderCollision = head.x === -1 || head.y === -1 || head.x === widthInBlocks || head.y === heightInBlocks;
                const selfCollision = this.segments.some((segment, index) => {
                    return index !== 0 && segment.x === head.x && segment.y === head.y;
                });

return borderCollision || selfCollision;
            }
        }

// Fruit object
        class Fruit {
            constructor() {
                this.x = Math.floor(Math.random() * widthInBlocks);
                this.y = Math.floor(Math.random() * heightInBlocks);
            }

draw() {
                ctx.drawImage(fruitImg, this.x * blockSize, this.y * blockSize, blockSize, blockSize);
            }
        }

// Enemy object
        class Enemy {
            constructor() {
                this.x = Math.floor(Math.random() * widthInBlocks);
                this.y = Math.floor(Math.random() * heightInBlocks);
            }

draw() {
                ctx.drawImage(enemyImg, this.x * blockSize, this.y * blockSize, blockSize, blockSize);
            }
        }

function createFruit() {
            fruit = new Fruit();
            enemy = new Enemy();
        }

function drawScore() {
            document.getElementById("score").textContent = "คะแนน: " + score;
        }

function resetGame() {
            score = 0;
            snake = new Snake();
            createFruit();
            intervalId = setInterval(gameLoop, 100);
        }

document.addEventListener("keydown", keyDownHandler);

// Start the game
        resetGame();
    </script>
</body>
</html>