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

No:6620

169

←

Prev Next

→

Antarctic expedition
Developer User3898｜Date and time 23/7/3 0:05:35
Build time 33.791 sec｜Game capacity 3.32KB｜

Script

了解しました。以下、南極探検をテーマにしたシンプルなゲームのプログラム例を記述します。

南極探検

🌍🌍🌍🌍🌍
🌍🌍🚩🌍🌍
🌍🌍🌍🌍🌍
🌍🌍🌍🌍🌍

🚶

このゲームでは、プレイヤーキャラクターを「🚶」、ゴール地点を「🚩」、通路を「🌍」で表現しています。矢印キーでプレイヤーを移動させ、ゴール地点にたどり着くことが目標です。プレイヤーが通行できない壁を越えることはできません。ご希望のゲーム要件に基づいて、シンプルなゲームを実装しました。ご参考までにお使いください。

←

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 {
            text-align: center;
        }

#map {
            font-size: 30px;
        }

#player {
            font-size: 50px;
        }
    </style>
</head>
<body>
    <h1>南極探検</h1>
    <div id="map">🌍🌍🌍🌍🌍<br>🌍🌍🚩🌍🌍<br>🌍🌍🌍🌍🌍<br>🌍🌍🌍🌍🌍</div>
    <div id="player">🚶</div>

var playerX = 1;
        var playerY = 2; // プレイヤーの初期位置

render();

function move(direction) {
            var newX = playerX;
            var newY = playerY;

switch (direction) {
                case 'up':
                    newY--;
                    break;
                case 'down':
                    newY++;
                    break;
                case 'left':
                    newX--;
                    break;
                case 'right':
                    newX++;
                    break;
                default:
                    return;
            }

//console.log(newX,newY,map[newY][newX]);

if (newX >= 0 && newX < map[0].length && newY >= 0 && newY < map.length) {// && map[newY][newX] !== '🌍') {
                playerX = newX;
                playerY = newY;
                render();
            }
        }

document.addEventListener('keydown', function(event) {
            switch (event.key) {
                case 'ArrowUp':
                    move('up');
                    break;
                case 'ArrowDown':
                    move('down');
                    break;
                case 'ArrowLeft':
                    move('left');
                    break;
                case 'ArrowRight':
                    move('right');
                    break;
            }
        });
    </script>
</body>
</html>
```

このゲームでは、プレイヤーキャラクターを「🚶」、ゴール地点を「🚩」、通路を「🌍」で表現しています。矢印キーでプレイヤーを移動させ、ゴール地点にたどり着くことが目標です。プレイヤーが通行できない壁を越えることはできません。

ご希望のゲーム要件に基づいて、シンプルなゲームを実装しました。ご参考までにお使いください。