ガイド

HTML5パズルゲームのソースコード:中身と確認ポイント

完成済みロジックパズルのレベル、デイリーパズル、TypeScriptのソース、ホスティングについて、Frogdokuを例に説明します。

2026年10月29日

無料のHTML5ゲームのコードは簡単に見つかります。見つけにくいのは、きちんとしたレベル、デイリーパズル、ドキュメント付きのソースを備え、テスト済みで完成しているパズルゲームです。「そのまま公開できるソースコード」を探している購入者の多くが求めているのは、こちらのほうです。

Frogdokuは、ルールがひとつだけのロジックパズルです。すべての行、すべての列、色分けされたすべての池に、カエルをちょうど1匹ずつ置きます。ただし、カエル同士は隣り合ってはいけません。このガイドでは、このエディションを例に、どのパズルテンプレートにも共通する確認ポイントを紹介します。

まずレベル数とモードを確認する

購入者向けエディションには、小川の6つの区間に分かれた180のキャンペーンパズル、デイリーパズルのカレンダー、EndlessモードとRelaxモード、トロフィー、元に戻す・やり直す機能、補助機能が含まれます。Ribiの衣装は、進行に応じたごほうびです。

カバー画像よりもレベル数のほうが重要です。20レベルのテンプレートはプロトタイプに近く、180レベルあれば完成したゲームに近いと言えます。レベルをどう作り、1つずつどう検証したのかを販売者に確認してください。解けないパズルは、プレイヤーを最も早く失う原因になるからです。

ソースはTypeScriptで書かれており、テストとサードパーティのライセンス表記が付いています。パッケージのファイルにはJSONも含まれ、game フォルダーはアートワーク、音声、フォントをすべて同梱した、そのまま公開できるビルドです。

パズルテンプレートは短い時間で判断できます。最初の区間をスマートフォンで遊び、次にノートパソコンで遊んで、タップやドラッグの反応が遅い、またはわかりにくいと感じた箇所をメモしましょう。最後の手を何度か元に戻し、そのたびに盤面が前の状態に戻るかも確認します。

次にソースを開いて、テストの名前を読みます。パズルのルールにちなんだ名前のテストがあるかを探してください。テストのあるルールは、画面に表示されているだけでなく、コードで守られています。

ほかのテンプレートと同様に、購入者向けエディションの動作には、JavaScriptと音声に対応した最新のブラウザと、静的ファイルを配信できるHTTP(S)ホスティングが必要です。データベースや作者のアカウントは必要ありません。

game/ の中身を、パズルを置きたいフォルダーにアップロードしてください。再ビルドが必要になるのは、TypeScriptのソースを変更した場合だけです。

Frogdokuには、クラウドセーブ、オンラインランキング、実際のお金を使う課金、広告SDKはありません。通常のプレイでこうしたサービスへの通信も発生しません。進行状況は使用中のブラウザに保存されます。

ネイティブアプリ化、ホスティング、カスタム開発は含まれません。デイリーパズルはカレンダーの一部で、遊ぶのにオンラインランキングは必要ありません。

いいえ。game/ の中身をHTTP(S)ホスティングにアップロードするだけです。再ビルドが必要なのは、TypeScriptのソースを編集した場合だけです。

使用中のブラウザ内に、ローカルで保存されます。

いいえ。ランキングがなくてもデイリーパズルは遊べます。進行状況はプレイヤーのブラウザに保存されます。

購入手続きの画面に表示されるPolar Games Marketplaceの規約が適用されます。

このようなパズルは、学習サイト、ブログで毎日遊んでもらうデイリーパズル、完成したロジックゲームをカスタマイズしたい制作会社に向いています。一方、ランキング対戦やアカウント機能が必要なプロジェクトには向きません。それらはこのエディションの範囲外です。