落ち物パズル簡単な落ち物パズルです。JavaScriptによって線画されています。's game

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

No:12692

312

←

Prev Next

→

落ち物パズル簡単な落ち物パズルです。JavaScriptによって線画されています。
Developer もちきなこ｜Date and time 23/8/22 3:22:40
Build time 12.864 sec｜Game capacity 2.27KB｜

Script

了解しました。以下に落ち物パズルのHTMLコードを示します。

このコードは、スマホでプレイできる落ち物パズルのゲームです。黄色のブロックがプレイヤーを表し、青色のブロックが障害物を表します。プレイヤーの操作で左右に動かし、障害物と衝突しないようにするゲームです。プレイヤーの移動は矢印キーの入力で行えます。障害物は一定の速度で下に落ちていき、画面外に出ると再度上から出現します。障害物がプレイヤーの位置まで落ちてくるとゲームオーバーとなり、アラートが表示されます。以上が落ち物パズルのHTMLコードです。実際にブラウザで表示して遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解しました。以下に落ち物パズルのHTMLコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>落ち物パズル</title>
  <style>
  	#game-board {
  		width: 300px;
  		height: 500px;
  		border: 1px solid black;
  		position: relative;
  	}
  	.block {
  		width: 50px;
  		height: 50px;
  		position: absolute;
  		border: 1px solid black;
  	}
  	#player {
  		background-color: yellow;
  	}
  	#obstacle {
  		background-color: blue;
  	}
  </style>
</head>
<body>
  <div id="game-board">
  	<div class="block" id="player"></div>
  	<div class="block" id="obstacle"></div>
  </div>

setInterval(() => {
  			obstaclePos += 50;
  			obstacle.style.top = obstaclePos + "px";

if (obstaclePos > 450) {
  				obstaclePos = 0;
  			}

if (obstaclePos === 450 && playerPos !== 200) {
  				alert("ゲームオーバー");
  				playerPos = 0;
  				player.style.left = playerPos + "px";
  			}
  		}, 1000);
  	});
  </script>
</body>
</html>
```

このコードは、スマホでプレイできる落ち物パズルのゲームです。黄色のブロックがプレイヤーを表し、青色のブロックが障害物を表します。プレイヤーの操作で左右に動かし、障害物と衝突しないようにするゲームです。

プレイヤーの移動は矢印キーの入力で行えます。障害物は一定の速度で下に落ちていき、画面外に出ると再度上から出現します。障害物がプレイヤーの位置まで落ちてくるとゲームオーバーとなり、アラートが表示されます。

以上が落ち物パズルのHTMLコードです。実際にブラウザで表示して遊ぶことができます。