Ghostbusters👻🔫🧟🧟‍♀🧟‍♂🔥's game

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

No:5519

1991

←

Prev Next

→

Ghostbusters👻🔫🧟🧟‍♀🧟‍♂🔥
Developer anonymous｜Date and time 70/1/1 9:30:00
Build time unknown sec｜Game capacity 1.8KB｜

Script

了解です！以下のようなゲームを作ります。

👻

このプログラムは、プレイヤーが👻であるゲームです。画面上でプレイヤーを左右に移動させることができます。左右の矢印キーを押すと、プレイヤーが移動します（スマートフォンのブラウザ上では画面をタップしてスワイプすることで操作可能です）。プレイヤーの位置はCSSの`margin-left`を使って変更しています。このプログラムは1枚のHTMLファイルに含まれており、JavaScriptコードは`
`タグで囲まれています。また、絵文字も使っていますので、スマートフォン上でも楽しむことができます！ゲームを遊ぶためには、このHTMLファイルをブラウザで開いてください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解です！以下のようなゲームを作ります。

```html
<!DOCTYPE html>
<html>
<head>
<style>
.game-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-size: 3rem;
}
</style>
</head>
<body>
<div class="game-container">
  <span id="player">👻</span>
</div>

// キー操作に対するイベントリスナーを登録
document.addEventListener('keydown', (event) => {
  if (event.key === 'ArrowRight') {
    movePlayer(1);
  } else if (event.key === 'ArrowLeft') {
    movePlayer(-1);
  }
});

// プレイヤー移動の関数
function movePlayer(direction) {
  // 現在の位置から移動量を加える
  playerPosition += direction;
  
  // プレイヤーをhtml上で移動させる
  document.getElementById('player').style.marginLeft = `${playerPosition * 10}vw`;
}

// ゲームスタート時のプレイヤーの位置をセット
movePlayer(0);
</script>
</body>
</html>
```

このプログラムは1枚のHTMLファイルに含まれており、JavaScriptコードは`<script>`タグで囲まれています。また、絵文字も使っていますので、スマートフォン上でも楽しむことができます！ゲームを遊ぶためには、このHTMLファイルをブラウザで開いてください。