AI game creator

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

No:9179

151

←

Prev Next

→

Space Fantasy Zone
Developer User4246｜Date and time 23/7/22 1:08:53
Build time 20.29 sec｜Game capacity 2.525KB｜

Script

了解です。以下にスペースファンタジーゾーンというゲームの一部を実装したHTMLファイルを示します。

このプログラムでは、スペースファンタジーゾーンというシューティングゲームの一部を実装しています。プレイヤーは矢印キーで左右に移動し、スペースキーで弾を発射することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です。以下にスペースファンタジーゾーンというゲームの一部を実装したHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>スペースファンタジーゾーン</title>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

var player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            width: 20,
            height: 20,
            speed: 5
        };

var bullets = [];

function drawPlayer() {
            context.fillStyle = "green";
            context.fillRect(player.x, player.y, player.width, player.height);
        }

function drawBullets() {
            for (var i = 0; i < bullets.length; i++) {
                context.fillStyle = "red";
                context.fillRect(bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
            }
        }

function updateBullets() {
            for (var i = bullets.length - 1; i >= 0; i--) {
                bullets[i].y -= bullets[i].speed;

if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                }
            }
        }

function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawBullets();

updateBullets();

requestAnimationFrame(draw);
        }

document.addEventListener("keydown", keyDownHandler, false);

draw();
    </script>
</body>
</html>
```