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

No:16024

110

←

Prev Next

→

パズル
Developer はにわ｜Date and time 23/9/15 7:33:50
Build time 33.179 sec｜Game capacity 2.772KB｜

Script

以下は、スライディングパズルゲームのHTMLファイルの例です。

Sliding Puzzle Game

これは、`1` から `8` までの数字が書かれたタイルが配置された3x3のパズル盤面です。空のタイルは `9` で表されます。各タイルをクリックすると、クリックされたタイルと空のタイルが隣接している場合に、そのタイルを移動させることができます。ゲームの終了条件は、タイルがすべての数字で埋められた場合です。ゲームが終了すると、おめでとうのアラートが表示されます。以上のようなHTMLファイルを作成し、スマホで操作することで、実際のパズルゲームとして遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

以下は、スライディングパズルゲームのHTMLファイルの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sliding Puzzle Game</title>
</head>
<body>
  <h1>Sliding Puzzle Game</h1>
  <div id="puzzle-board">
    <div class="tile" onclick="moveTile(1)"></div>
    <div class="tile" onclick="moveTile(2)"></div>
    <div class="tile" onclick="moveTile(3)"></div>
    <div class="tile" onclick="moveTile(4)"></div>
    <div class="tile" onclick="moveTile(5)"></div>
    <div class="tile" onclick="moveTile(6)"></div>
    <div class="tile" onclick="moveTile(7)"></div>
    <div class="tile" onclick="moveTile(8)"></div>
    <div class="tile" onclick="moveTile(9)"></div>
  </div>

これは、`1` から `8` までの数字が書かれたタイルが配置された3x3のパズル盤面です。空のタイルは `9` で表されます。各タイルをクリックすると、クリックされたタイルと空のタイルが隣接している場合に、そのタイルを移動させることができます。

ゲームの終了条件は、タイルがすべての数字で埋められた場合です。ゲームが終了すると、おめでとうのアラートが表示されます。

以上のようなHTMLファイルを作成し、スマホで操作することで、実際のパズルゲームとして遊ぶことができます。