HTML / JavaScript（自作）のゲームを公開する手順

公開までの手順

zip の直下に index.html を置くだけです。守っていただくのは、相対パスと「外部から読み込まない」の 2 つです。

ブラウザで遊べる形で公開できます

1. index.html を zip の直下に置く

   GAMEYARD は zip の直下にある index.html を入口として開きます。ファイルが 1 つだけなら、その index.html を投稿画面にそのまま渡してください（zip は投稿画面が作ります）。フォルダなら、フォルダごと渡せば中身を直下に並べ直します。ファイル名は index.html である必要があります（game.html などでは入口になりません）。

2. ファイルの参照を相対パスにする

   src="/assets/game.js" のように / で始めると、配信の置き場が変わったときに読めなくなります。src="assets/game.js" のように、index.html から見た相対パスで書いてください。

3. 外部から読み込まない

   CDN のライブラリ、Google Fonts、外部の画像や音声は読み込めません（配信側のセキュリティ設定で止まります）。使っているライブラリは zip の中に同梱してください。

詰まりやすい点

手元では動くのに、公開すると真っ白になる

まず外部からの読み込みを疑ってください。CDN の <script src="https://…"> は止められます。次にパスの書き方です。/ で始まる絶対パスは、手元のサーバーでは動いても配信では外れます。ブラウザの開発者ツールを開くと、どのファイルで止まったかが出ます。

通信してデータを保存したい・ランキングを作りたい

外部への通信は禁止しています（すり抜けた不正なコードが情報を送れないようにするためです）。ブラウザの localStorage は使えるので、その端末の中だけで残す形にはできます。

一覧に無いツールで作った

ブラウザで動く形（zip の直下に index.html）に書き出せるなら、このやり方でそのまま公開できます。制作ツールの分類はあとから変えられるので、迷ったらここか「その他」を選んでください。

ファイルの大きさの上限は

zip は 200MB、展開後は合計 400MB、ファイル数は 5,000 までです。素の HTML5 でこの上限に当たることは、動画や音声を多く入れない限りほとんどありません。

ゲームを投稿する