Destroying astroid in space's game

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

No:42127

5201

←

Prev Next

→

Destroying astroid in space
Developer anonymous｜Date and time 70/1/1 10:25:41
Build time unknown sec｜Game capacity 5.141KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>สามารถทำลายดาวเคราะห์ในอวกาศ</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// สร้างตัวแปร canvas เพื่อใช้สำหรับการวาด
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// ขนาดตัวเลขที่ใช้แสดงคะแนน
        context.font = "20px Arial";

// ตัวแปรที่ใช้เก็บข้อมูลเกี่ยวกับเครื่องยิง
        var gun = {
            x: canvas.width / 2,
            y: canvas.height - 40,
            width: 10,
            height: 30,
            speed: 3
        };

// ตัวแปรที่เก็บข้อมูลเกี่ยวกับดาวเคราะห์
        var asteroids = [];
        var asteroidCount = 10;

for (var i = 0; i < asteroidCount; i++) {
            asteroids.push({
                x: Math.random() * canvas.width,
                y: Math.random() * canvas.height,
                radius: 30,
                speed: i % 2 == 0 ? 2 : 4
            });
        }

// ตัวแปรที่ใช้เก็บคะแนน
        var score = 0;

// ฟังก์ชั่นสำหรับการเคลื่อนที่ของเครื่องยิงโดยใช้ปุ่มซ้ายและขวาบนแอพพลิเคชั่นมือถือ
        function handleTouchMove(event) {
            var x = event.touches[0].clientX;
            if (x < canvas.width / 2) {
                gun.x -= gun.speed;
            } else {
                gun.x += gun.speed;
            }
        }

// ฟังก์ชั่นสำหรับการตรวจจับกดปุ่มบนจองแอพพลิเคชั่นมือถือ
        function handleKeyDown(event) {
            if (event.key === "ArrowLeft") {
                gun.x -= gun.speed;
            } else if (event.key === "ArrowRight") {
                gun.x += gun.speed;
            }
        }

// ฟังก์ชั่นสำหรับการตรวจจับการชนกันระหว่างดาวเคราะห์กับเครื่องยิง
        function checkCollision(asteroid) {
            if (gun.x + gun.width >= asteroid.x && gun.x <= asteroid.x + asteroid.radius &&
                gun.y <= asteroid.y + asteroid.radius && gun.y + gun.height >= asteroid.y) {
                return true;
            }
            return false;
        }

// ฟังก์ชั่นสำหรับการวาดเกี่ยวกับเกมส์
        function drawGame() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// วาดเครื่องยิง
            context.fillRect(gun.x, gun.y, gun.width, gun.height);

// วาดดาวเคราะห์
            asteroids.forEach(function (asteroid) {
                context.beginPath();
                context.arc(asteroid.x, asteroid.y, asteroid.radius, 0, Math.PI * 2);
                context.fillStyle = "red";
                context.fill();
                context.closePath();

// เคลื่อนที่ดาวเคราะห์
                asteroid.y += asteroid.speed;

// ตรวจสอบว่าดาวเคราะห์ชนขอบบนของจอหรือไม่
                if (asteroid.y > canvas.height) {
                    asteroid.x = Math.random() * canvas.width;
                    asteroid.y = -10;
                }

// ตรวจสอบการชนกันระหว่างดาวเคราะห์กับเครื่องยิง
                if (checkCollision(asteroid)) {
                    score++;
                    asteroid.x = Math.random() * canvas.width;
                    asteroid.y = -10;
                }
            });

// วาดคะแนน
            context.fillStyle = "black";
            context.fillText("คะแนน: " + score, 10, 20);
        }

// ฟังก์ชั่นสำหรับเรียกใช้การวาดเกมส์ทุก 500 เฟรม
        function gameLoop() {
            setInterval(drawGame, 20);
        }

// เริ่มต้นการเขียนเกม
        gameLoop();

// ตรวจสอบการตอบสนองกับการเคลื่อนที่ที่เกิดขึ้นบนสมาร์ทโฟน
        document.addEventListener("touchmove", handleTouchMove);
        document.addEventListener("keydown", handleKeyDown);

</script>
</body>
</html>