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

No:5695

1527

←

Prev Next

→

A game just to explore 2
Developer もちきなこ｜Date and time 23/6/30 16:23:41
Build time 28.756 sec｜Game capacity 3.054KB｜

Script

了解です。以下に「ただ探索するだけのゲーム」のコード例を示します。

探索ゲーム

このコードは3x3のグリッド状に配置されたボタンを表示し、プレイヤーが上下左右に移動してゴールを目指すゲームです。プレイヤーは「🙂」で、ゴールは「🏁」で表示されます。各ボタンをクリックすることで、プレイヤーを移動させることができます。プレイヤーがゴールに到達した時には、「ゴール！」というアラートが表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に「ただ探索するだけのゲーム」のコード例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>探索ゲーム</title>
    <style>
        body {
            font-size: 2rem;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>探索ゲーム</h1>
    <div id="game"></div>

// ゲームの初期化
        function initializeGame() {
            var grid = document.getElementById('game');
            grid.innerHTML = '';

for (var y = 0; y < game.gridSize; y++) {
                for (var x = 0; x < game.gridSize; x++) {
                    var cell = document.createElement('button');
                    cell.textContent = ' ';
                    cell.onclick = function(x, y) {
                        return function() {
                            movePlayer(x, y);
                        }
                    }(x, y);

grid.appendChild(cell);
                }
                grid.appendChild(document.createElement('br'));
            }

refreshDisplay();
        }

// プレイヤーの移動
        function movePlayer(dx, dy) {
            var newPosition = {
                x: game.playerPosition.x + dx,
                y: game.playerPosition.y + dy
            };

if (newPosition.x >= 0 && newPosition.x < game.gridSize &&
                newPosition.y >= 0 && newPosition.y < game.gridSize) {
                game.playerPosition = newPosition;
            }

refreshDisplay();

if (game.playerPosition.x === game.goalPosition.x &&
                game.playerPosition.y === game.goalPosition.y) {
                alert('ゴール！');
            }
        }

// 表示の更新
        function refreshDisplay() {
            var cells = document.getElementById('game').querySelectorAll('button');

for (var i = 0; i < cells.length; i++) {
                cells[i].textContent = ' ';
            }

var playerCell = cells[game.playerPosition.y * game.gridSize + game.playerPosition.x];
            playerCell.textContent = '🙂';

var goalCell = cells[game.goalPosition.y * game.gridSize + game.goalPosition.x];
            goalCell.textContent = '🏁';
        }

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