Defold入門：軽量ブラウザゲームに向いた理由
遊びをつくる執筆にClaudeを使用しています。
Defoldは、Kingが開発しKingとDefold Foundationが無償公開しているゲームエンジンです。UnityやGodotと比べて知名度は高くありませんが、「ブラウザで軽く動くゲームを作りたい」という目的に絞ると、Defoldは選択肢として非常に理にかなっています。この記事では、Defoldがなぜブラウザゲームに向いているのかを構造から説明し、実際に始めるための手順と判断基準を示します。 検索でここに辿り着いた方は、「Unity WebGLは重い」「Godotも試したが出力サイズが気になる」「ピュアなJavaScriptは書きたくない」といった悩みを持っているかもしれません。Defoldはそのちょうど中間を埋めるエンジンで、Luaスクリプトで書け、HTML5出力ファイルが小さく、エディタ自体も軽量です。ただし万能ではなく、向き・不向きがはっきりしているので、自分のプロジェクトに合うかどうかを見極めることが先決です。
この記事の目次
Defoldのブラウザ出力が軽い理由
DefoldのHTML5出力（Web bundle）が小さくなる主な理由は、エンジンのアーキテクチャにあります。Defoldはゲームに使うコンポーネントだけをビルド時に取り込む設計になっており、使っていない機能のコードは最終出力に含まれません。これはUnityのようにランタイム全体を同梱する方式とは根本的に異なります。
具体的には、シンプルな2Dゲームであればエンジン本体のWASM（WebAssembly）ファイルが数百KB台に収まることが多いです。UnityのWebGL出力が数MB〜数十MBになりやすいのと比べると、初回ロード時間への影響が小さくなります。ただしゲームのアセット（画像・音声）が増えれば当然サイズは増えるため、「アセットを軽くする努力」はDefoldを使っても必要です。
WebAssemblyを使った実行速度も利点の一つです。DefoldのランタイムはLuaスクリプトをLuaJIT相当の速度で処理し、物理演算や描画はネイティブ側で動くため、ブラウザ上でもある程度の処理量を扱えます。
Defoldが向いているプロジェクトと向いていないプロジェクト
Defoldには明確な得意領域と苦手領域があります。始める前にここを確認しておくと、後から「やっぱり違うエンジンにすればよかった」という手戻りを防げます。
向いているケース
- 2Dゲーム（プラットフォーマー・パズル・シューティング・カードゲームなど）
- ブラウザでの初回ロードを軽くしたいモバイルフレンドリーなゲーム
- チームが小さく、エンジン自体の設定に時間をかけたくない場合
- Luaを既に書けるか、軽量なスクリプト言語を好む場合
向いていないケース
- 3Dゲームを本格的に作りたい場合（DefoldはWebGPU対応など3D機能の拡張を進めていますが、3Dに強いエンジンとは言えません）
- Unityのアセットストアにある既製3Dキャラクターやシェーダーを流用したい場合
- チームの大半がC#やGDScriptに慣れており、新しい言語を学ぶコストを避けたい場合
- 大規模なオープンワールドや高度な物理シミュレーションが必要な場合
この判断軸を持った上で「自分のゲームは2Dでブラウザ向け」と決まっているなら、Defoldは積極的に試す価値があります。
開発環境のセットアップと最初の手順
DefoldはエディタをDefold公式サイトから無料でダウンロードできます。ライセンスは無料で、ロイヤリティも発生しません（公式サイトで最新の利用規約を確認してください）。
インストールから新規プロジェクト作成まで
- Defold公式サイトからエディタをダウンロードし、インストールします。Windows・macOS・Linuxに対応しています。
- エディタを起動するとダッシュボードが表示されます。「New Project」からテンプレートを選べます。
- 最初は「Empty」または「2D Platformer」などのサンプルテンプレートを選ぶと、プロジェクト構造を把握しやすくなります。
プロジェクト構造の基本
Defoldはコレクション（Collection）という単位でシーンを管理します。Unityのシーン、GodotのSceneに相当するものです。コレクションの中にゲームオブジェクト（Game Object）を配置し、それぞれにコンポーネント（スプライト・スクリプト・サウンドなど）を付けていきます。
スクリプトはLuaで書きます。init(self)・update(self, dt)・on_message(self, message_id, message, sender)の3関数がDefoldのスクリプトライフサイクルの中心で、多くの処理はこの中に書きます。Luaは変数宣言が省略でき、構文がシンプルなので、プログラミング初心者でも比較的短時間で基本は習得できます。
HTML5（Web）出力の手順
- メニューの「Project」→「Bundle」→「HTML5」を選びます。
- 出力先のフォルダを指定してビルドします。
- ビルドが完了すると、指定フォルダにHTMLファイルとサポートファイル一式が生成されます。
- ローカルで確認するには、ローカルサーバーを立ち上げてindex.htmlを開きます（ファイルをダブルクリックするだけでは動かないことがあります。Python標準ライブラリのhttp.serverやlive-serverなどを使うと手軽です）。
出力されたファイル群はそのままZIPにまとめてアソバースに投稿できます。アソバースはZIPファイルの直接投稿に対応しているため、ビルド成果物をそのままアップロードして公開できます。
詰まりやすいポイントと対処法
Defoldを始めて最初につまずきやすい点をまとめておきます。
メッセージパッシングの概念Defoldではオブジェクト間の通信をmsg.post()で行います。JavaScriptやUnityの直接参照に慣れていると最初は違和感があります。「なぜ直接関数を呼ばないのか」と感じたら、Defoldのメッセージパッシングの設計意図（疎結合を強制することでバグを減らす）を理解してから進むとスムーズです。
アトラスの設定Defoldはスプライトをアトラス（テクスチャアトラス）にまとめて管理します。個別の画像ファイルをそのままスプライトに設定するのではなく、まずアトラスファイル（.atlas）を作り、そこに画像を追加する手順が必要です。最初はこの手順を忘れてスプライトが表示されないことがよくあります。
ブラウザでの音声再生ブラウザはユーザー操作なしでの音声自動再生を制限しています。Defoldのブラウザ出力でも同じ制約があるため、「ゲーム開始直後から音楽を流す」設計は動作しないことがあります。クリックやキー入力のコールバック内で音声を開始するよう設計してください。
カメラとビューポートデフォルトではゲームの解像度がそのままブラウザウィンドウに表示されます。レスポンシブなレイアウトにしたい場合はプロジェクト設定とHTMLテンプレートを調整する必要があります。Defoldのフォーラムに既製のレスポンシブテンプレートが公開されているため、それを参考にするのが最短です。
Luaを書いたことがない人向けの学習経路
DefoldはLuaの知識がゼロでも始められますが、最低限の文法は把握しておくと作業が格段に楽になります。
Luaは変数の型宣言が不要で、テーブル（Luaの連想配列・オブジェクト相当）を使いこなせるかどうかが鍵です。まず「Lua 5.1入門」「Programming in Lua（英語・公式）」などで基本文法を2〜3時間かけて流し読みします。その後、Defoldの公式チュートリアルを一本手を動かして完成させると、文法の疑問がゲームの文脈で解消されやすくなります。
Defold公式が提供するチュートリアルはブラウザ上でプレビューしながら進めるものもあり、ローカル環境が整う前に動作イメージを掴むのに使えます。また、DefoldのコミュニティフォーラムはUnityと比べてコミュニティ規模は小さいものの、質問への回答が丁寧で、公式開発者も参加していることが多いです。
次の行動
Defoldのエディタを公式サイトからダウンロードし、サンプルテンプレートを一つ開いてHTML5ビルドを試してみてください。ビルドが動いたら、生成されたファイル群をZIPにまとめてアソバースに投稿することで、ブラウザゲームとして即座に公開できます。まず動くものを出力するところまでを最初のゴールに設定すると、学習の方向が定まりやすくなります。
参考資料
- Defold公式ドキュメント（defold.com/learn）
- Programming in Lua（Lua公式ドキュメント）
- Defold公式フォーラム（forum.defold.com）
