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

No:6685

←

Prev Next

→

glider
Developer User3903｜Date and time 23/7/3 4:34:10
Build time 25.975 sec｜Game capacity 2.7KB｜

Script

了解です。以下に、JavaScriptを使用して実装した"グライダー"というゲームのサンプルコードを記述します。

グライダー

このコードでは、矢印キーを押してプレイヤーを操作して、グライダーという仮想のゲームを遊ぶことができます。プレイヤーは絵文字の"😄"で表示され、移動先に移動することができます。ゲーム画面は`

`の中に表示され、プレイヤーの位置を示すために空白と絵文字で描画されます。なお、このサンプルコードは手軽に実行できるようにHTMLファイル内に直接JavaScriptを記述していますが、実際の開発では外部のJavaScriptファイルとして分割することが一般的です。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に、JavaScriptを使用して実装した"グライダー"というゲームのサンプルコードを記述します。

```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>グライダー</title>
<style>
    #game {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 90vh;
    }
</style>
</head>
<body>
<h1>グライダー</h1>

// プレイヤーの移動
    function movePlayer(direction) {
        switch (direction) {
            case 'left':
                playerX -= 1;
                break;
            case 'right':
                playerX += 1;
                break;
            case 'up':
                playerY -= 1;
                break;
            case 'down':
                playerY += 1;
                break;
        }
        renderGame();
    }

// ゲームのレンダリング
    function renderGame() {
        const gameDiv = document.getElementById('game');
        gameDiv.innerHTML = '';

for (let y = 0; y < 5; y++) {
            for (let x = 0; x < 5; x++) {
                if (x === playerX && y === playerY) {
                    gameDiv.innerHTML += '😄';
                } else {
                    gameDiv.innerHTML += '⬜️';
                }
            }
            gameDiv.innerHTML += '<br>';
        }
    }

// キーボード入力
    function handleKeyDown(event) {
        switch (event.key) {
            case 'ArrowLeft':
                movePlayer('left');
                break;
            case 'ArrowRight':
                movePlayer('right');
                break;
            case 'ArrowUp':
                movePlayer('up');
                break;
            case 'ArrowDown':
                movePlayer('down');
                break;
        }
    }

window.addEventListener('keydown', handleKeyDown);
    renderGame();
</script>

</body>
</html>
```

このコードでは、矢印キーを押してプレイヤーを操作して、グライダーという仮想のゲームを遊ぶことができます。プレイヤーは絵文字の"😄"で表示され、移動先に移動することができます。ゲーム画面は`<div id="game"></div>`の中に表示され、プレイヤーの位置を示すために空白と絵文字で描画されます。

なお、このサンプルコードは手軽に実行できるようにHTMLファイル内に直接JavaScriptを記述していますが、実際の開発では外部のJavaScriptファイルとして分割することが一般的です。