千と千尋の神隠し's game

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

No:20435

←

Prev Next

→

千と千尋の神隠し
Developer User3589｜Date and time 23/10/9 20:05:35
Build time 25.6 sec｜Game capacity 2.976KB｜

Script

了解です。千と千尋の神隠しを題材にしたゲームを開発します。以下が実行開始されるJavaScriptコードです。

このコードは、スマホ操作を前提として、プレイヤーがゴールに到達するまでの位置を移動させるゲームです。ゴールに到達すると「ゴールに到達しました！」と表示されます。実際に試してみる際は、上下左右の矢印キーを押してプレイヤーを移動させてください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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>
</head>
<body>
<script>
// プレイヤーの初期位置
let playerX = 0;
let playerY = 0;

// ゴール位置
const goalX = 3;
const goalY = 3;

// ゲームマップの定義
const map = [
  ['🌊', '🌊', '🌊', '🌊'],
  ['🌊', '🌊', '🌊', '🌊'],
  ['🌊', '🌊', '🌊', '🌊'],
  ['🌊', '🌊', '🌊', '🌊']
];

// プレイヤーの現在位置を取得する関数
function getPlayerPosition() {
  return [playerX, playerY];
}

// ゴールに到達したかどうかを判定する関数
function isGoal() {
  return playerX === goalX && playerY === goalY;
}

// ゲームの状態を表す関数
function render() {
  let status = '';

for (let y = 0; y < map.length; y++) {
    for (let x = 0; x < map[y].length; x++) {
      if (x === playerX && y === playerY) {
        status += '🚶';
      } else {
        status += map[y][x];
      }
    }

status += '<br>';
  }

// ゴールに到達しているかどうかでメッセージを表示
  if (isGoal()) {
    status += '<br>ゴールに到達しました！';
  } else {
    status += '<br>まだゴールに到達していません...';
  }

document.body.innerHTML = status;
}

// プレイヤーを上に移動する関数
function moveUp() {
  if (playerY > 0) {
    playerY -= 1;
    render();
  }
}

// プレイヤーを下に移動する関数
function moveDown() {
  if (playerY < map.length - 1) {
    playerY += 1;
    render();
  }
}

// プレイヤーを左に移動する関数
function moveLeft() {
  if (playerX > 0) {
    playerX -= 1;
    render();
  }
}

// プレイヤーを右に移動する関数
function moveRight() {
  if (playerX < map[0].length - 1) {
    playerX += 1;
    render();
  }
}

// キー操作に対するイベントリスナーを追加
document.addEventListener('keydown', function(event) {
  // 上矢印キー
  if (event.key === 'ArrowUp') {
    moveUp();
  }
  // 下矢印キー
  else if (event.key === 'ArrowDown') {
    moveDown();
  }
  // 左矢印キー
  else if (event.key === 'ArrowLeft') {
    moveLeft();
  }
  // 右矢印キー
  else if (event.key === 'ArrowRight') {
    moveRight();
  }
});

// ゲームの初期状態を描画
render();

</script>
</body>
</html>
```

このコードは、スマホ操作を前提として、プレイヤーがゴールに到達するまでの位置を移動させるゲームです。ゴールに到達すると「ゴールに到達しました！」と表示されます。

実際に試してみる際は、上下左右の矢印キーを押してプレイヤーを移動させてください。