AI game creator

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

No:6958

153

←

Prev Next

→

plasma
Developer User3898｜Date and time 23/7/4 16:39:25
Build time 14.393 sec｜Game capacity 2.438KB｜

Script

了解です。以下に、JavaScriptを含むHTMLファイルとして実装したプラズマというゲームを示します。

このコードは、プレイヤーがキーボードの左右矢印キーで操作する、シンプルなゲームです。ゲーム画面は縦400ピクセル、横600ピクセルのキャンバスで表示されます。プレイヤーは画面下部の中央に表示され、左右に移動できます。上記のようなHTMLファイルを作成し、ウェブブラウザで開くことでプラズマというゲームが遊べます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に、JavaScriptを含むHTMLファイルとして実装したプラズマというゲームを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Plazma</title>
    <style>
        canvas { background: black; }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

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

function keyDownHandler(event) {
            if (event.key === "ArrowRight") {
                rightPressed = true;
            } else if (event.key === "ArrowLeft") {
                leftPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.key === "ArrowRight") {
                rightPressed = false;
            } else if (event.key === "ArrowLeft") {
                leftPressed = false;
            }
        }

function drawPlayer() {
            context.beginPath();
            context.rect(playerX, playerY, playerWidth, playerHeight);
            context.fillStyle = "white";
            context.fill();
            context.closePath();
        }

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

if (rightPressed && playerX < canvas.width - playerWidth) {
                playerX += 5;
            } else if (leftPressed && playerX > 0) {
                playerX -= 5;
            }
        }

setInterval(draw, 10);
    </script>
</body>
</html>
```

このコードは、プレイヤーがキーボードの左右矢印キーで操作する、シンプルなゲームです。
ゲーム画面は縦400ピクセル、横600ピクセルのキャンバスで表示されます。
プレイヤーは画面下部の中央に表示され、左右に移動できます。

上記のようなHTMLファイルを作成し、ウェブブラウザで開くことでプラズマというゲームが遊べます。