Infrared Galaxies! Invisible stars's game

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

No:7045

2646

←

Prev Next

→

Infrared Galaxies! Invisible stars
Developer User3589｜Date and time 23/7/4 23:36:54
Build time 20.467 sec｜Game capacity 3.013KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>赤外線銀河！不可視の星々</title>
    <style>
        #canvas {
            display: block;
            margin: 0 auto;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

var ship = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 40,
            height: 40,
            speed: 5
        };

var infraredStars = [];
        var infraredStarCount = 15;
        for (var i = 0; i < infraredStarCount; i++) {
            infraredStars.push({
                x: Math.random() * (canvas.width - 40),
                y: Math.random() * (canvas.height / 2),
                width: 10,
                height: 10,
                speed: Math.random() * 2 + 1
            });
        }

function drawShip() {
            ctx.beginPath();
            ctx.rect(ship.x, ship.y, ship.width, ship.height);
            ctx.fillStyle = "black";
            ctx.fill();
            ctx.closePath();
        }

function drawInfraredStars() {
            for (var i = 0; i < infraredStars.length; i++) {
                ctx.beginPath();
                ctx.arc(infraredStars[i].x, infraredStars[i].y, infraredStars[i].width, 0, Math.PI * 2);
                ctx.fillStyle = "red";
                ctx.fill();
                ctx.closePath();
            }
        }

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawShip();
            drawInfraredStars();
        }

function update() {
            if (ship.x < 0 || ship.x > canvas.width - ship.width) {
                ship.speed = -ship.speed;
            }
            ship.x += ship.speed;

for (var i = 0; i < infraredStars.length; i++) {
                infraredStars[i].y += infraredStars[i].speed;
                if (infraredStars[i].y > canvas.height) {
                    infraredStars[i].y = 0;
                    infraredStars[i].x = Math.random() * (canvas.width - 40);
                }
            }
        }

function gameLoop() {
            draw();
            update();
            collisionDetection();
            requestAnimationFrame(gameLoop);
        }

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