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

No:42332

←

Prev Next

→

Aiめしパズル
Developer User18736｜Date and time 24/2/11 11:21:08
Build time 15.3 sec｜Game capacity 4.384KB｜

Script

了解しました。以下に、Aiめしパズルのゲームを実装したHTMLファイルを示します。

Aiめしパズル

このHTMLファイルは、`Aiめしパズル`というタイトルのゲームを表しています。9つのセルからなるボードが表示され、シャッフルされた状態で初期化されます。プレイヤーは、空きセルをクリックすることで、隣接したセルと入れ替えることができます。目標状態は、以下のような配置です。あ　い　うえ　お　かき　く　空きセルプレイヤーがボードを目標状態にすると、`おめでとうございます！ゲームクリアです！`というメッセージが表示されます。以上が、実際のプログラムの実装です。スマートフォンの操作に対応しており、絵文字を使用しています。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、Aiめしパズルのゲームを実装したHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Aiめしパズル</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 30px;
        }
        h1 {
            color: #222;
        }
        .board {
            display: inline-block;
            margin-top: 20px;
        }
        .cell {
            width: 50px;
            height: 50px;
            border: 1px solid #999;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            font-size: 30px;
            line-height: 50px;
        }
    </style>
</head>
<body>
    <h1>Aiめしパズル</h1>
    <div class="board">
        <div class="cell" id="cell0"></div>
        <div class="cell" id="cell1"></div>
        <div class="cell" id="cell2"></div>
        <br>
        <div class="cell" id="cell3"></div>
        <div class="cell" id="cell4"></div>
        <div class="cell" id="cell5"></div>
        <br>
        <div class="cell" id="cell6"></div>
        <div class="cell" id="cell7"></div>
        <div class="cell" id="cell8"></div>
    </div>

このHTMLファイルは、`Aiめしパズル`というタイトルのゲームを表しています。9つのセルからなるボードが表示され、シャッフルされた状態で初期化されます。

プレイヤーは、空きセルをクリックすることで、隣接したセルと入れ替えることができます。目標状態は、以下のような配置です。

あ　い　う
え　お　か
き　く　空きセル

プレイヤーがボードを目標状態にすると、`おめでとうございます！ゲームクリアです！`というメッセージが表示されます。

以上が、実際のプログラムの実装です。スマートフォンの操作に対応しており、絵文字を使用しています。