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

No:7829

3097

NES Jump
Developer User3788｜Date and time 23/7/10 0:15:40
Build time 13.398 sec｜Game capacity 3.738KB｜

以下は、簡単なファミコンジャンプゲームの例です。このゲームでは、プレイヤーはスペースキーを使用してバーティカルに動くキャラクターを制御します。目標は、できるだけ多くの障害物を避けて長く生き残ることです。

ファミコンジャンプ

この例では、canvas要素を使用してゲームの描画を行い、プレイヤーと障害物の簡単な物理シミュレーションを実装しています。プレイヤーはスペースキーを押すことで上方向にジャンプします。ゲームオーバーになる条件は、プレイヤーと障害物が重なったときです。ゲームオーバー時には、得点（スコア）とともにアラートが表示されます。 ※絵文字の表示には、対応するフォントが必要となります。端末やブラウザによって絵文字が正しく表示されない場合がありますので、ご了承ください。

→ 　

2　

0　

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

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

(C)2023 HisashiApp

以下は、簡単なファミコンジャンプゲームの例です。このゲームでは、プレイヤーはスペースキーを使用してバーティカルに動くキャラクターを制御します。目標は、できるだけ多くの障害物を避けて長く生き残ることです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ファミコンジャンプ</title>
</head>
<body>
    <h1>ファミコンジャンプ</h1>
    <canvas id="gameCanvas" width="400px" height="400px"></canvas>

<script>
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

const player = {
            x: 50,
            y: 200,
            width: 20,
            height: 20,
            velocity: 0,
            gravity: 0.9,
            jumping: false
        };

const obstacles = [
            { x: 200, y: 370, width: 30, height: 30 },
            { x: 350, y: 350, width: 20, height: 50 },
            { x: 500, y: 370, width: 40, height: 40 }
        ];

let score = 0;
        let gameLoop;

function drawPlayer() {
            context.fillStyle = "👾"; // 絵文字は文字列であるため、絵文字を表示するには対応するフォントが必要です
            context.fillRect(player.x, player.y, player.width, player.height);
        }

function drawObstacles() {
            context.fillStyle = "black";
            obstacles.forEach(obstacle => {
                context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
            });
        }

function gameStart() {
            gameLoop = setInterval(update, 1000 / 60); // 60 FPSでゲームを更新する
        }

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

player.velocity += player.gravity;
            player.y += player.velocity;

if (player.y > canvas.height - player.height) {
                player.y = canvas.height - player.height;
                player.velocity = 0;
                player.jumping = false;
            }

obstacles.forEach(obstacle => {
                if (
                    player.x < obstacle.x + obstacle.width &&
                    player.x + player.width > obstacle.x &&
                    player.y < obstacle.y + obstacle.height &&
                    player.y + player.height > obstacle.y
                ) {
                    clearInterval(gameLoop);
                    alert(`ゲームオーバー！ スコア: ${score}`);
                }
            });

score++;
        }

function jump() {
            if (!player.jumping) {
                player.velocity -= 15;
                player.jumping = true;
            }
        }

window.addEventListener("keydown", event => {
            if (event.code === "Space") {
                jump();
            }
        });

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

この例では、canvas要素を使用してゲームの描画を行い、プレイヤーと障害物の簡単な物理シミュレーションを実装しています。プレイヤーはスペースキーを押すことで上方向にジャンプします。ゲームオーバーになる条件は、プレイヤーと障害物が重なったときです。ゲームオーバー時には、得点（スコア）とともにアラートが表示されます。

※絵文字の表示には、対応するフォントが必要となります。端末やブラウザによって絵文字が正しく表示されない場合がありますので、ご了承ください。