1ファイルHTMLゲームとは？

CraftNovaに投稿できるのは「1ファイルのHTMLで作られたブラウザゲーム」です。はじめて聞くと「HTMLって何？」「1ファイルってどういうこと？」と思うかもしれません。このページでは、1ファイルHTMLゲームとは何か、なぜCraftNovaがこの形を選んでいるのかを説明します。

HTMLファイルってなに？

HTMLは、Webページを作るための書き方です。ふだん見ているWebサイトも、HTMLで作られています。 HTMLファイルは、文字だけでできたファイルで、ブラウザ（ChromeやSafariなど）で開くと、ページとして表示されます。

ブラウザゲームは、主に次の3つでできています。

ふつうのWebサイトでは、HTML・CSS・JavaScript・画像・音声が、それぞれ別のファイルに分かれています。 1ファイルHTMLゲームは、これらを全部、1つのHTMLファイルの中に入れたゲームです。

画像はプログラムで描いたり、文字に変えて埋め込んだりします。音もプログラムで作ります。そのため、ファイル1つをブラウザで開くだけで、ゲームが最初から最後まで遊べます。

ChatGPT・Claude・GeminiなどのAIは、1つのHTMLファイルなら、まるごと書き出すのが得意です。ファイルが分かれていないので、「どのファイルをどこに置くか」で迷うこともありません。プログラミングをしたことがない人でも、AIに頼むだけでゲームを作れます。

CraftNovaへの投稿は、AIが書いたHTMLをコピーして、投稿フォームに貼り付けるだけです。サーバーを借りたり、ファイルをアップロードしたりする必要はありません。手順は「ゲームの投稿方法」で、実際の画面を使って説明しています。

ゲームが1つのファイルにまとまっていると、外からよけいなものを読み込まずに動かせます。CraftNovaは、この特長を生かして、ゲームを守られた箱の中で動かしています（くわしくは「CraftNovaのゲームが安全に遊べるしくみ」）。

「1ファイルだと、かんたんなゲームしか作れないのでは？」と思うかもしれませんが、そんなことはありません。CraftNovaでは、次のようなゲームが投稿されています。

決められた場所（cdnjs・jsDelivr）からなら、Three.jsやPhaserのようなゲーム用のライブラリも読み込めるので、表現の幅はかなり広がります。

自分のパソコンでは動いても、CraftNovaでは動かないことがあります（インターネット上の画像を読み込んでいる場合など）。投稿したら、非公開のままCraftNovaで一度遊んで確かめるのがおすすめです。