マガジン

ノーコードで作ったゲームをアソバースに載せる方法

遊びをつくる

執筆にClaudeを使用しています。

同じ小さなゲームを異なる方法で描いた三枚のスケッチと鉛筆。
記事のテーマをもとに制作したAI生成イメージ。実際のゲーム画面ではありません。

ノーコードツールでゲームを作り終えたとき、次の壁は「どこで公開するか」です。SNSに動画を投稿する方法もありますが、実際にプレイしてもらうにはゲームそのものをWebで動かす必要があります。アソバースはHTMLファイルやZIPファイルをそのまま投稿できるプラットフォームなので、コードを書かずに作ったゲームでも、出力さえWebで動く形式になっていれば公開できます。 この記事では「ノーコードで作ったゲームをアソバースに載せるにはどうすればいいか」という一点に絞り、ツールごとの出力形式の確認方法、アソバースへの投稿手順、よくある失敗とその対処を順に説明します。

この記事の目次
  1. アソバースが受け付ける形式を先に理解する
  2. ツール別:出力形式の確認と準備
  3. アソバースへの投稿手順
  4. プレビューで動かないときの確認ポイント
  5. ノーコードゲームをより多く届けるための一工夫
  6. 次の行動

アソバースが受け付ける形式を先に理解する

アソバースに投稿できる形式は大きく三つです。

  • 単一のHTMLファイル:CSS・JavaScriptがすべて一つの.htmlファイルに収まっているもの
  • ZIPファイル:複数ファイルをまとめた圧縮アーカイブ。画像・音声・JSライブラリを含む場合はこちら
  • 公開済みURL:すでに別のホスティングサービスで動いているゲームのURL登録

ノーコードツールの多くは「HTML出力」「Webエクスポート」「パブリッシュ」などの名称でゲームをエクスポートできますが、出力されるのが単一HTMLなのか複数ファイルのフォルダなのかはツールによって異なります。投稿前にまずこの点を確認するのが最初のステップです。

ツール別:出力形式の確認と準備

ノーコードゲーム制作ツールはさまざまですが、アソバースへの投稿を考えるときに着目すべき点は「Webブラウザで動く形式に書き出せるか」と「外部サーバーへの依存があるか」の二点です。

単一HTMLで書き出せるツールは準備が最も簡単です。書き出したファイルをそのままアソバースにアップロードできます。ただし、ファイルサイズが大きい場合(画像を多数埋め込んでいるなど)はZIPの方が扱いやすいことがあります。公式サイトでアップロードできるファイルサイズの上限を確認してください。

フォルダごと書き出すツールの場合、出力されたフォルダをZIPに圧縮してからアップロードします。圧縮の際、フォルダ構造をそのまま保つことが重要です。たとえばindex.htmlがZIPの直下にあるか、フォルダの中に入っているかで動作が変わることがあります。ZIPを展開したときindex.htmlがすぐ見える位置にあることを、アップロード前にローカルで確認してください。

クラウド上でしか動かないツールもあります。オンラインエディタ上でゲームを作れても、HTMLやZIPとしてダウンロードできない仕様のツールが存在します。この場合は公開済みURLを使う方法を検討します。ツールが提供する共有URLがそのままブラウザでプレイできる形になっているなら、そのURLをアソバースに登録できます。ただし、共有元のサービスが停止・仕様変更した場合はゲームが動かなくなるリスクがある点は念頭に置いてください。

アソバースへの投稿手順

形式の確認が終わったら、実際の投稿に進みます。

  1. アソバースにログインし、投稿ページを開く。投稿にはアカウントが必要です。
  2. タイトル・説明文・サムネイルを用意する。サムネイルはゲームの第一印象を決めます。プレイ画面のスクリーンショットを加工したものが最も伝わりやすいです。
  3. ファイルをアップロードする。HTMLファイルかZIPファイルをアップロードする画面から投稿します。URLを登録する場合は該当の入力欄にURLを貼ります。
  4. プレビューで動作を確認する。投稿前にアソバース上でゲームが正常に動くかをプレビュー機能で確認します。このステップを省くと、公開後に「プレイできない」状態に気づくことになります。
  5. 公開設定を選んで投稿する。

プレビューで動かない場合の主な原因は、次の節で説明します。

プレビューで動かないときの確認ポイント

ファイルをアップロードしたのにゲームが表示されない、または途中で止まる場合は以下を順に確認します。

index.htmlの位置がずれている:ZIPを展開した直下にindex.htmlがないと、アソバースがエントリーポイントを認識できません。フォルダごとZIPしてしまったケースでよく起こります。フォルダの中身だけを選択してZIPし直すか、ツール側の出力設定を確認してください。

外部リソースへのアクセスが必要:ゲームが別のサーバーにある画像・フォントにアクセスしようとしている場合、ブラウザのセキュリティポリシー(CORS)によってブロックされることがあります。ノーコードツールで作成したゲームが外部CDNのライブラリに依存している場合も同様です。可能なら必要なファイルをローカルに含めてZIPにまとめるか、外部依存を持たない書き出し設定を探してみてください。

音声・動画ファイルのパスが絶対パスになっている:ローカル環境で動いていたゲームをそのままZIP化しても、C:/Users/...のような絶対パスで参照しているファイルはアソバース上では見つかりません。ツールの書き出し機能を使って相対パスに揃えてから圧縮してください。

ファイルサイズが上限を超えている:画像を多数使うゲームや音楽を埋め込んだゲームはファイルが大きくなりやすいです。上限はアソバースの公式サイトで確認し、超えている場合は画像の圧縮や音声のビットレート削減を検討してください。

ノーコードゲームをより多く届けるための一工夫

投稿さえできれば公開は完了ですが、より多くの人に遊んでもらうために意識したいことが一点あります。

説明文には「どんな操作で遊ぶか」を一文で書いてください。クリックだけで遊べるのか、キーボードが必要なのか、スマートフォンでも動くのか。この情報がないとプレイを迷う人が増えます。ノーコードツールで作られたゲームはジャンルも操作方法も多様なので、短くても明確な説明があるだけでプレイ率は変わります。

サムネイルも同様で、ゲームの雰囲気を一枚で伝えられる画像が理想です。ノーコードツールの画面録画機能やスクリーンショットを使えば、プレイ画面をそのまま素材にできます。

次の行動

使っているノーコードツールの「エクスポート」または「パブリッシュ」メニューを開き、HTML出力またはZIPダウンロードができるか今すぐ確認してください。出力できたらローカルのブラウザで一度開いて動作を確認し、問題がなければアソバースの投稿ページからアップロードに進みましょう。公開後は説明文に操作方法を一文加えることで、初めて見る人がプレイを始めやすくなります。