Construct 3テンプレートか素のJavaScriptか:選び方

ビジュアルエディタでゲームを変更したく、そのエディタを毎回開くことが苦にならないなら、Construct 3のゲームテンプレートを選んでください。任意のテキストエディタでコードを開ける、または社内にそれができる人がいるなら、素のJavaScriptのゲームテンプレート、つまりエンジン不要のHTML5ゲームテンプレートを選びます。どちらが優れた商品というわけではありません。違いは、何かを変更する前に、パソコンに何をインストールしておく必要があるかです。

当社が販売しているのは後者のタイプなので、この比較には利害関係があります。公平を期すため、エンジン側の公開ページを2026年10月24日時点で確認しました。Constructの公式の機能比較とドキュメント、およびConstructのプロジェクトを同梱するHTML5ゲームの公開CodeCanyon出品4件です。当社のテンプレートについて述べる内容は、すべて当社の商品ページ、利用条件、公開しているマニュアルに基づいており、どなたでも開いて確認できます。

以下では、簡単な判断フロー、それぞれの道で得られるものと手放すものの正直な一覧、実際に中身を開いてみた当社のテンプレート2本、どちらのタイプにも使える購入前のテスト、そしてよくある6つの質問を紹介します。

Construct 3ゲームテンプレート:その正体と、開くために必要なもの

Constructは、ブラウザ上でも動くビジュアルエディタを備えたゲーム制作ツールです。実際には、Construct 3のゲームテンプレートとは、そのエディタ用のプロジェクトファイルに、そのままホストできるHTML5版のゲームを組み合わせたものです。確認したCodeCanyonの4件の出品では、ファイル構成はいつも同じ形でした。.c3pのプロジェクトと、HTML5のゲームファイルが並んでいます。

編集について、この4件の出品が書いていたことを順に挙げます。1件は、コードを編集するにはConstruct 3のツールが必要だとして、オンラインエディタを案内し、無料版には制限があると付け加えています。1件は、プロジェクトを開くだけでも無料のサードパーティ製プラグインが必要だと書いています。2件は、ソフトウェアのバージョンとしてConstruct 3を挙げ、アートの差し替え(画像エディタで画像を置き換える、リスキンのガイド)を支援すると書いていますが、エンジンのどのエディションが必要かは述べていません。売り手の名前は挙げません。これはひとつの傾向であり、どの売り手への評価でもありません。

2026年10月24日に確認したエンジン自身のページには、次のようにありました。無料版にはHTML5へのエクスポートが含まれます。イベントの数(メール認証済みでログインしている場合は50、ゲストは25)とレイヤーの数(2)に上限があります。機能表では、ゲームによる収益化、広告、アプリ内課金が、無料版に含まれないものとして挙げられています。有料プランも、個人、登録済みの法人、教育機関など、購入者の区分で分かれているので、ご自身がどれに当たるかを確認してください。

Constructのドキュメントと公式サイトは、イベントシートで作るゲームを説明しています。エディタ上で見える条件とアクションからなるイベントで構成され、上級者向けにJavaScriptも選べます。これがこの道の最大の魅力であり、次の節以降でもそう扱います。

Polar Gamesマーケットプレイスを見る

エンジン不要のHTML5ゲームテンプレート:当社のカタログでの意味

素のJavaScriptテンプレートとは、HTML、CSS、JavaScript、JSONのファイルが入ったフォルダです。どんなテキストエディタでも開け、Webホストに置けばブラウザで動きます。index.htmlをダブルクリックしても動きません。ブラウザがfile://上のモジュールをブロックするためです。

ここは正確に書く必要があります。「エンジン不要」は「ビルド手順なし」と同じ意味ではないからです。マーケットプレイスの全商品の動作要件を読むと、エディションは3つのグループに分かれます。

• 編集してアップロードするだけで、インストール不要:Ricopop(game/フォルダ自体が編集可能なソースで、編集、アップロード、更新で完了)、Velvet PoolとPuttide(npm、ビルド手順、PHP、データベースは不要。Velvet Poolのマニュアルでは、source/で編集し、変更したファイルをgame/にコピーします)。Node.jsが出てくるのは、任意の開発者向けツールが付属するエディションに限られます。
• 小さなビルド補助ツール付きの素のファイル:GridsparkとSolitaire Links(後者は素のHTML、CSS、JavaScript)。どちらも、インストールして遊ぶだけならビルドは不要です。Gridsparkのマニュアルでは、source/で作業してnpm testとnpm run build(Node.js 20以上、npmの依存関係なし)を実行し、遊べるファイルがgame/に出力されます。設定ファイルはプレーンテキストです。Solitaire Linksでは、設定ファイルはビルドなしで編集でき、Node.js 20以上が必要なのはテストと言語ファイルの生成だけです。アートワーク、ルール、テキストを変更する場合は、マニュアルが任意のソース版と再ビルドを案内しています。
• TypeScriptのプロジェクト:Beep Out、Pinloop、Riffvolt、Sunset Rally、Trimora、Twirldrop(Viteでビルド)、Zabum(ReactとTypeScript)、そしてTenguin、Mochi Monsters、Deepforge、Barricade Z。ホストするgame/フォルダは読みやすいJavaScriptですが、TypeScriptのソースを変更して再ビルドするにはNode.jsが必要です(Trimoraの動作要件には、npm ci、npm test、npm run buildが挙がっています)。正確なバージョンは、各商品の「動作要件」タブにあります。

どのエディションでも、ホストできる状態のgame/フォルダは、そのまま静的ホストで動きます。動作要件の一覧に、ゲームエンジンのエディタやエンジンのライセンスを挙げているものはなく、編集にアカウントを求めるものもありません。当社が主張するのはそれだけです。ここにあるテンプレートがすべてビルド手順なしだとは言いません。それは事実ではないからです。

簡単な判断フロー:こうしたいなら、これを選ぶ

技術からではなく、初日にやりたいことから考え始めましょう。

• コードを書かずにレベル、アート、ルールを変更したく、エディタを学ぶ気がある、またはすでに使っている:エンジン系テンプレート。ビジュアルなイベントはまさにそのために作られています。
• すでにConstructを使っていて、あるタイプのゲームで先行できる状態から始めたい:エンジン系テンプレート。使い慣れたツールでプロジェクトを開けます。
• あなた、または開発者が、バージョン管理つきのコードエディタで作業し、すべての変更をテキストの差分として見たい:素のJavaScriptテンプレート。
• 名前、色、テキスト、レベルを変更してアップロードするだけ:どちらでも構いません。出品がファイル名を挙げているか(素のJavaScript)、無料版でプロジェクトが開けるか(エンジンの道)を確認してください。
• エンジンのプランを持たないクライアントにゲームを引き渡す必要がある:素のファイルのほうが渡しやすいです。どんなテキストエディタでも開けるからです。クライアントがすでにそのエンジンで作業しているなら、プロジェクトファイルのほうが引き渡しに適しています。
• 広告で収益を得る予定がある:開始前に、エンジンのライセンス表を読んでください。無料版では広告は含まれないものとして挙げられています。テンプレートのライセンスも読みましょう。当社のライセンスでは、最終製品を広告で収益化できますが、ゲームには広告ネットワークは入っていません。
• どちらのツールも分からない:それぞれ1時間ずつ試し(下の「試し方」の節を参照)、格闘しなくなったほうを残します。

Ricopopを見る:レベルがテキストマップの素のJavaScriptテンプレート

エンジンの道:得られるものと手放すもの

エンジンの道は真剣に検討する価値があります。ゲームを書かずに作ったり変更したりしたい人が多いから存在しており、その目的には優れています。購入者によっては、単純にこれが正しいツールです。

得られるもの

• ビジュアル編集:コードではなく、画面上でレイアウト、オブジェクト、イベントシートを読み、変更できます。
• エンジンの公式サイトにある、ドキュメント、チュートリアル、ユーザーフォーラム。行き詰まったときは公開された回答を検索できます。1つのスタジオが売るテンプレートでは、これはできません。
• アドオン:エンジンのページには同梱のアドオンが挙げられており、サードパーティのアドオンもプロジェクトに保存できます。機能は、自分で書くコードではなく、アドオンとして追加されます。
• 学んだことが引き継がれます。2本目のゲームでも、同じエディタと同じイベントを使います。
• HTML5へのエクスポートは無料版に含まれるので、プランを選ぶ前にビルドとテストができます。

手放すもの

• エディタが必要で、無料版にはイベントとレイヤーの上限があります。
• プロジェクトによっては追加のプラグインが必要です(確認した出品の1件がそうでした)。
• ゲームによる収益化は、エンジン自身のライセンスとプランに左右されます。
• プロジェクトは1つのツール用に作られています。変更はテキストエディタではなく、そのツールで行います。

素のJavaScriptの道:得られるものと手放すもの

素のJavaScriptのゲームテンプレートは、エディタの代わりにテキストファイルを取る選択です。コードが読める人には良い取引で、読めない人にはよくない取引です。

得られるもの

• どのテキストエディタでもファイルが開け、どの静的Webホストでも配信できます。
• 編集のためにエンジンのプランやアカウントは不要です。
• 読みやすい整形済みのソースと、ロゴ、色、ルール、テキストの場所を示すマニュアル。
• 変更がプレーンテキストの差分として現れるので、バージョン管理と相性が良いです。
• 一部のエディションには、任意の自動テストが付きます(Node.js 20以上)。Velvet Poolでは、物理演算、8ボールのルール、CPU対戦、翻訳キーをカバーしています。

手放すもの

• コードを編集します。カンマ1つの抜けで、画面が壊れることがあります。
• レベルやレイアウトのビジュアルエディタはありません。Ricopopのレベルはテキストマップで、レベルがまだクリアできるかを教えてくれるチェックツールが付いています。
• 1つのテンプレートのための公開フォーラムはありません。質問は売り手に送ることになり、サポートには限度があります。6か月が含まれ、延長すると12か月で、カスタマイズ、新機能、ホスティング、SDKやポータルとの連携は、別途見積もりのサービスです。
• エディションに含まれないものは含まれません。たとえばGridsparkには、オンラインのランキング、アカウント、広告SDK、ネイティブのアプリストア向けビルドはありません。

各商品ページの「このエディションに含まれないもの」の一覧を読んでください。Velvet Poolの一覧には、オンラインマルチプレイヤー、オンラインランキング、広告SDK、ネイティブアプリが挙がっています。Ricopopの一覧には、ネイティブのAndroidやiOSのビルド、オンラインマルチプレイヤーやサーバーで検証される対戦ランキング、広告ネットワークのアカウントとゲームポータルのSDK連携が挙がっています。

素のJavaScriptテンプレートを2本開いてみる:RicopopとGridspark

公開されているマニュアルは、「どこで変更するのか」という問いに、ファイル名で答えています。game/フォルダ自体がソースになっているRicopopから見ていきます。

Ricopop:テキストのレベル、ビルドなし

• レベル:src/levels.jsに、50のレベルがパー(基準手数)と解答つきのテキストマップとして入っており、冒頭のコメントが形式を説明しています。
• ルールと数値:src/sim/config.jsに、1回の発射あたりのボールの数、ボールの速度、得点の値があります。
• 色とメニューの見た目:style.css。
• ロゴ:画像ではなく、src/ui/logo.jsのコードで描画しています。
• テキストと14言語:src/locales.js。
• 広告とランキングの設定(どちらも初期状態ではオフ):ricopop.config.js。

マニュアルの手順は、編集、アップロード、強制再読み込みです。VS CodeやNotepad++のようなコードエディタを勧めており、ワープロソフトは避けるよう助言しています。マップを変更したあとは、任意のツールnode tools/validate.mjsで、すべてのレベルがまだクリアできるかを確認でき、node tools/validate.mjs --solve 12でレベル12の解答を見つけられます。ツールにはNode.js 20以上が必要です。

Gridspark:設定はテキストファイル、ルールは名前のついたモジュール

• インターフェースのテキストと言語:src/locales.js。
• 定数とパレット:src/config.js。インターフェースの色:style.css。
• パズルのルール:game.js、board.js、generator.js、shapes.js。
• ロゴ、顔、ブロック:src/logo.jsで描画しています。
• スタート画面とフルスクリーンボタン:gridspark.config.js。再ビルド不要のプレーンテキストファイルです。

コードを変更する場合、マニュアルではsource/で作業し、npm testとnpm run buildを実行します。Node.js 20以上が必要ですが、依存関係はインストールしません。

Velvet Poolも3Dで同じ考え方です。ロゴはassets/logo/、クロスとキューのスタイルはsrc/game/progress.js、CPUの挙動はsrc/core/ai.js、物理演算はsrc/core/physics.jsにあります。任意のテスト(source/の中でnpm test、Node.js 20以上)は、物理演算、8ボールのルール、CPU対戦、翻訳キーをカバーしており、ブラウザや実機でのテストの代わりにはならない、とマニュアルにはっきり書かれています。

Gridsparkを見る:ライブプレビューとマニュアルつき

どちらのタイプも購入前に試す方法

購入していないプロジェクトファイルは開けませんが、そのまわりのほとんどのことはテストできます。タイマーを使って、順番に進めてください。

どちらのタイプでも

1. プレイヤーが使うスマートフォンで、そのエディションのデモを遊ぶ。回転させ、再読み込みし、言語を切り替える。
2. 動作要件と「含まれないもの」の一覧を読む。自分で作るか買う必要があるものを、すべて書き出す。
3. ライセンスを探し、3つの文を読む。何個の製品が対象か、広告は許されているか、何を再販してはならないか。

エンジン系テンプレートの場合

1. プロジェクトを開けるエンジンのエディションとバージョン、追加プラグインが必要かを尋ねる。
2. プロジェクトが使っているイベントとレイヤーの数を尋ね、その数をエンジンのページにある無料版の上限と比べる。
3. エディタ単体を開いて1画面のテストを作り、作業が楽しめるかを確かめる。
4. ゲームで収益を得る予定なら、何かを買う前に、その点についてのエンジンのライセンスを読む。

素のJavaScriptテンプレートの場合

1. 公開マニュアルを開き、ロゴ、色、ルール、テキストの場所を探す。
2. 編集に何が必要かを確認する。何も要らないのか、Node.jsとnpmが必要なのか。各商品の「動作要件」タブに書かれています。
3. マニュアルの指示どおりに動かす。たとえばVelvet Poolのマニュアルは、ローカルテストとして、game/の中でpython -m http.server 8765を実行し、http://localhost:8765/ を開くよう案内しています。
4. デモのスクリプトを1つ、ブラウザの開発者ツールで開く。追いかけられるなら、編集もできます。

当社の場合、テンプレートはデジタル商品のため、返金は、まだテンプレートをダウンロードしていない場合、または提供したテンプレートに当社が修正できない不具合がある場合に限ります。ご希望の場合は、ライセンス番号を添えてご連絡ください。返金された購入はライセンスが終了します。ダウンロードするとその道が閉じるため、上のテストは購入前に、そしてダウンロードの前に必ず行ってください。

Velvet Poolを見る:マニュアル、ライブプレビュー、上で触れたテスト

FAQ

HTML5ゲームテンプレートを編集するのに、ゲームエンジンは必要ですか

テンプレートの作り方によります。エンジン系テンプレートは、そのエンジンのエディタで開くプロジェクトが付属しており、Constructのプロジェクトファイルの拡張子は.c3pです。素のJavaScriptテンプレートは、どのテキストエディタでも開けるファイルです。Polar Gamesマーケットプレイスでは、ゲームエンジンのエディタを動作要件に挙げている商品はありません。いくつかのエディションでは、TypeScriptのソースを再ビルドするためだけに、Node.js、場合によってはnpmが必要です。

無料版で、Construct 3のテンプレートを編集できますか

個々のプロジェクトについては、お答えできません。2026年10月24日にエンジンのページで確認できたのは、無料版がHTML5にエクスポートでき、イベントは50(ゲストは25)、レイヤーは2が上限だということで、確認した出品の1件も、無料版には制限があると書いていました。プロジェクトが使っているイベントとレイヤーの数を売り手に尋ねて、比べてみてください。

素のJavaScriptのゲームテンプレートは、エンジン系より編集が難しいですか

コードを書かない人にとっては、そうです。ビジュアルエディタはなく、タイプミス1つで画面が壊れることがあります。書ける人にとっては、色、テキスト、レベルの変更は名前のついたファイルの編集で、どのファイルかはマニュアルに書いてあります。Ricopopのレベルはテキストマップで、Gridsparkの設定ファイルはプレーンテキストです。

御社のテンプレートには、npmやビルド手順が必要ですか

必要なものと不要なものがあります。Ricopop、Velvet Pool、Puttideはどちらも不要です。Gridsparkはインストールして遊ぶだけならビルドは不要で、source/のコードを変更する場合に限り、依存関係のない手順(npm test、npm run build、Node.js 20以上)が必要です。TrimoraやTwirldropのようにTypeScriptで作られたエディションは、再ビルドにNode.jsとnpmが必要ですが、ホストするgame/フォルダはすでにビルド済みです。各商品の「動作要件」タブに書かれています。

クライアント向けにテンプレートを使い、広告を入れてもよいですか

当社のライセンスは、ご自身またはクライアント1社の最終製品1つが対象で、プレイヤーは無料、または広告による収益化を通じて利用できます。その中のコード、アート、音声は変更できますが、テンプレートやそのソースを再販することはできません。ゲームには広告ネットワークが入っていないので、広告ネットワークの接続と審査はご自身で行います。エンジン系テンプレートの場合は、売り手のライセンスに加えて、エンジンのライセンスも読んでください。

違うタイプを選んでしまったら、どうなりますか

上で述べたように、先にテストしてください。返金できるのは、まだテンプレートをダウンロードしていない場合、または提供したテンプレートに当社が修正できない不具合がある場合に限られます。あとから別の道に移ると、ゲームをもう一方のツールで作り直すことになるので、支払う前の1時間は十分に価値があります。

決める前に、ひとつ開いてみる

いちばん安上がりな比較は、1時間でできます。デモで遊び、マニュアルを読み、エディタを開く。これをエンジン系テンプレートと素のJavaScriptテンプレートで1回ずつ行い、2回目も開くのが億劫でなかったほうを選んでください。

Polar Gamesマーケットプレイスを見て、マニュアルを開く