メインコンテンツへスキップ
見出し画像

ゲームができた。では、どこに置けば遊んでもらえる?

    ゲームのシステムを作った。

    キャラクターも、ストーリーも入れた。

    BGMも付いた。

    自分のパソコンでは、遊べるようになった。

    では、その次はどうするのか。

    「このゲーム、どこに置けば、ほかの人にも遊んでもらえるんだろう。」

    ここも、私はAIに相談しました。

    公開先を教えてもらう。公開するためのデータを用意してもらう。紹介文や操作説明を作ってもらう。

    ただ、AIに頼めば、何もしなくても公開まで終わるというわけではありませんでした。

    途中では、

    「キャンバスって何? 絵を描く板のこと?」

    というところで戸惑うこともありました。

    今回は、私が実際にゲームを公開した経験をもとに、何をAIへ頼み、何を自分で用意したのかを紹介します。

    公開先も、AIに教えてもらった

    私は『その冒険、援護します。』を、フリーゲーム夢現とitch.ioで公開しています。夢現には日本語ブラウザ版、itch.ioには英語版の『A Shot Beyond the Frontline』を掲載しています。フリーゲーム夢現

    では、なぜこの二つを選んだのか。

    AIに勧められたからです。

    最初から公開サイトに詳しくて、いろいろ比較した結果、ここに決めたわけではありません。

    ゲームを作っているからといって、公開する場所のことまで、全部知っているわけではないです。

    そこで、公開先についても相談しました。

    ゲーム制作中は、

    「こういう敵を出したい」

    「この場面を作りたい」

    と頼んでいました。

    公開する段階では、相談する内容が、

    「このゲームを、人に遊んでもらえるようにしたい」

    へ変わったわけです。

    まず、「どこへ置くか」と「どう遊んでもらうか」を分ける

    公開の準備で、先に整理しておきたいのが、遊んでもらう形です。

    ファイルをダウンロードしてもらい、手元で起動する形なのか。

    それとも、公開ページを開き、ブラウザーでそのまま遊ぶ形なのか。

    たとえばitch.ioには、HTML・JavaScript・CSSで作られたゲームを、ページ内で起動できる公開方法があります。ゲームを遊ぶ人が、別途インストールする必要のない形です。itch.io

    私が先に知っておきたかったのも、こういう公開形式の話でした。

    「ゲームをアップロードする」と言っても、ファイルを置けば何でも同じように遊べる、という話ではありません。

    どこへ公開するのか。そこで、どうやって遊んでもらうのか。

    この二つを決めてから、公開用のデータを準備した方が、相談する内容もはっきりします。

    公開用のデータも、「夢現用とitch用にして」と頼んだ

    公開用のファイルを用意するときも、自分で全部組み直していたわけではありません。

    「夢現用とitch用にして。」

    と短く相談することもあれば、容量や残してほしい内容、動作確認の条件を整理した依頼文を渡すこともあります。

    下の画像は、公開先に合わせたデータを用意してもらった、実際のやり取りです。

    画像

    という感じでした。

    これまでゲームを作ってきたAIへ、その続きとして頼んでいます。

    最初から、公開先に必要なファイル構成を自分で理解して、一つずつ指定していたわけではありません。

    ただ、これから同じように公開する人向けには、もう少し詳しく整理した依頼例もあると便利だと思います。

    添付した版を基準に、夢現とitch.ioでブラウザー公開するためのデータを用意してください。

    それぞれの公式の投稿条件と、現在のゲームの構成を確認してください。そのまま使える部分と、対応が必要な部分を分けて説明してください。

    元の開発版は残し、公開用のデータを別に作ってください。必要な画像・音楽・コード・クレジットは残してください。

    最後に、各サイトへアップロードするファイルと、投稿画面で必要な設定を教えてください。

    これは、私が実際に送った文章そのものではなく、今回の経験をもとにまとめた例です。

    公開用に整理するなら、元の開発版と、外へ出す版を分けておく形にしたいです。

    古い版や確認用資料まで、全部遊ぶ人に渡す必要はありません。一方で、必要な画像や音楽を外してしまっても困ります。

    「軽くして」と頼むだけではなく、何を残し、何を公開用から外すのかも確認してもらいます。

    PLiCyで出てきた、「キャンバスって何?」

    ほかの公開先として、PLiCy(プリシー)への投稿を進めたこともあります。

    そこで出てきたのが、Canvasの条件でした。

    キャンバスって何? 絵を描く板のこと? でもゲーム内にもう絵があるじゃん、これはキャンバスじゃないの?

    私は、そういうところからでした。

    ゲームは作れています。手元では、実際に動いています。

    でも、その画面をプログラムがどう描いているかまで、自分が全部理解しているわけではありません。

    公開先の条件に合わせる段階で、知らない言葉が出てきたわけです。

    記事を書くにあたって公式案内を確認すると、PLiCyのオリジナルHTML5/WebGLゲーム向けの案内には、起動ページをindex.htmlにすることに加え、ゲーム画面をCanvasで出力する条件が書かれています。PLiCy

    Canvasは、「ブラウザーの中の画用紙」に近い

    簡単にいうと、Canvasは、ブラウザーの中でプログラムが絵を描くための領域です。

    そこへ背景やキャラクターなどを描き、ゲーム画面やアニメーションを表示できます。HTMLの<canvas>という仕組みを使います。MDN Web Docs

    だから、「絵を描く板?」というイメージは、まったく外れていたわけではありません。

    ただし、画像を一枚用意したり、ファイルの名前を変えたりすれば済む話ではない。

    ゲーム画面を、どういう仕組みで表示しているかという話でした。

    そして、これは「ブラウザーゲームは、どこへ出す場合も必ずCanvasでなければならない」という意味ではありません。PLiCyのこの投稿方式にはCanvasの条件があり、itch.ioのHTMLゲーム向け案内では、同じ必須条件は示されていません。PLiCy

    私がここで知りたかったのは、Canvasの詳しい書き方よりも、

    「今のゲームは、このサイトへ、そのまま出せるの?」

    ということです。

    だから次に公開用データを頼むなら、最初にその確認を入れたいと思いました。

    公開先の条件と、現在のゲームの作りを照合する。

    対応が必要なら、何を変えるのかを説明してもらう。

    「公開用にして」の前に、「このゲームは、その公開先に合っている?」も聞いておく。

    これは、先に知っておきたかったところです。

    画像

    ゲーム本体だけでなく、紹介する準備もある

    もう一つ、先に知っておきたかったのが、紹介用の準備です。

    ゲームのファイルだけでなく、説明文や画像、動画も用意しておいた方がよい。

    作っている間は、ゲームの中身に目が向いています。

    でも、公開ページへ来る人は、その制作過程を知りません。

    何をするゲームなのか。

    どこが面白いのか。

    どう操作するのか。

    そこから伝える必要があります。

    今、公開前に準備するものをまとめるなら、私はこのように整理します。

    用意するもの伝える内容
    公開用のゲームデータ 実際に遊ぶためのファイル
    短い紹介文 プレイヤーが何をするゲームなのか
    操作説明・対応環境 マウスやキーボードなど、何を使って遊ぶのか
    カバー画像・プレイ画面 どんな見た目で、何が起きるゲームなのか
    紹介動画 動きや音を含めた、実際の雰囲気
    保存方法・注意事項・クレジット 遊ぶ前に知ってほしいこと

    これは、どのサイトでも全部が必須という一覧ではありません。紹介動画も、ここでは作品を伝えるための準備として挙げています。

    ただ、投稿画面を開く前に、こうしたものをまとめておけば、入力する段階で使えます。

    実際、『その冒険、援護します。』の夢現のページには、ゲームの紹介に加えて、プレイ画面とYouTube動画を載せています。フリーゲーム夢現

    ゲームを置く作業と、ゲームに興味を持ってもらうための準備は、両方ある。

    公開する段階では、そこまで考えることになりました。

    紹介文は、「設定を全部説明する文章」ではなくてよい

    紹介文や操作説明も、AIへ相談できます。

    ここで伝えたいのは、制作中に考えた設定の全部ではありません。

    初めて来た人に、まず何を遊ぶのかが分かってほしいです。

    『その冒険、援護します。』なら、

    自分で戦う三人の仲間を、離れた場所から狙撃して援護するゲーム。

    というところが入口になります。実際の公開ページでも、仲間の自律行動と、プレイヤーが狙撃で支える遊びを紹介しています。フリーゲーム夢現

    そこから、どんな場面で何を撃つのかを伝える。

    物語の核心や、終盤の仕掛けまで全部明かす必要はありません。

    AIに頼むときも、たとえばこう整理できます。

    このゲームを初めて知る人向けに、公開ページの紹介文と操作説明を作ってください。

    最初に「プレイヤーが何をするゲームか」を短く説明し、その後に特徴と基本操作をまとめてください。

    物語の核心は明かさず、未実装の機能や、確認していない対応環境は書かないでください。

    この文章も、説明用の例です。

    ゲームを一緒に作ってきたAIなら、その内容を紹介文へ整理する相談もできます。

    ただ、制作資料をそのまま長く並べるのではなく、これから遊ぶ人に必要な順番へ変えてもらうことを意識したいです。

    夢現の操作画面は、別作品『ジェムスペル・デュエル』の投稿・編集画面を例として掲載しています。

    画像

    動画や画像は、実際の遊びが分かる場面を見せたい

    画像を用意するなら、キャラクターの立ち絵だけでなく、実際のゲーム画面も見せたいです。

    『その冒険、援護します。』なら、仲間が戦い、プレイヤーの一発が状況を変える場面。

    文章で「狙撃して援護する」と説明するだけでなく、実際に何が起きるかを見てもらう。

    紹介動画も、そういう場面を選びたいです。

    私なら、まず普通にプレイした映像を撮り、見せたい部分を選ぶところから始めます。

    最初から凝った宣伝映像を作るというより、

    「このゲームでは、こんなことをして遊びます」

    が分かる映像を用意する。

    AIには、その動画の切り出しや、画像を掲載しやすいサイズへ整える作業を任せられます。

    ただし、実際のプレイ画面と、宣伝用のイメージイラストは分けて扱いたいです。itch.ioの公式ガイドでも、スクリーンショットを用意することや、実際には存在しない機能・誤解を招く画像で作品を紹介しないことが案内されています。itch.io

    ゲームを紹介する画面は、ゲームの実物を見せる。

    ここは、記事の挿絵を作るときとは違うところです。

    画像

    サイト上では、何をするのか

    データと紹介素材が揃ったら、実際に登録していきます。

    私の場合も、公開用のデータをAIに用意してもらった後、サイトへの登録やアップロードは自分で進めました。

    以下は、初めての人向けに公式案内から整理した、基本の流れです。

    夢現の場合

    夢現では、アカウント登録後にサインインし、「ゲームを新規投稿する」から投稿フォームへ進みます。ゲームデータをアップロードするほか、別の場所に置いたゲームへのリンクを登録する方法もあります。フリーゲーム夢現

    流れは、

    登録 → 新規投稿 → 紹介文や画像、ゲームデータ・公開先を入力 → 投稿

    です。

    ここで、先ほど準備した紹介文や画像を使います。

    また、新規投稿後は運営側の内容確認があります。送信した瞬間に必ず公開されるわけではないので、投稿完了と公開完了は分けて確認します。フリーゲーム夢現

    itch.ioの場合

    itch.ioでは、アカウントを用意し、ダッシュボードから新しい作品ページを作ります。タイトル、短い説明、カバー画像などを登録します。itch.io

    ブラウザーで遊ぶゲームの場合は、「HTML Game」として登録します。複数のファイルでできたゲームなら、起動用のindex.htmlと必要な素材をまとめたZIPをアップロードします。一つのHTMLファイルで完結しているゲームには、HTMLを直接アップロードする方法もあります。itch.io

    こちらは、

    作品ページを作る → ゲームと紹介素材を登録 → 表示・動作を確認 → 公開範囲を変更

    という流れです。

    公開範囲には下書きの「Draft」、限定公開の「Restricted」、一般公開の「Public」があります。ページを保存しただけで一般公開できたと思わず、最後の設定も確認します。itch.io

    操作欄の意味が分からなければ、その画面を見せてAIへ相談する方法もあります。

    ただし、メールアドレスやアカウント情報など、見せる必要のない部分は隠してから渡したいです。

    画像

    アップロードした場所から、遊んでみる

    公開用データを用意してもらったら、そこで全部終わりではありません。

    確認するときは、手元にある元のゲームではなく、アップロードしたページから起動することが大切だと思います。

    ここで見たいのは、難しい技術の話よりも、普通に遊び始められるかです。

    タイトル画面が出る。

    ボタンを押せる。

    画像やBGMが読み込まれる。

    画面の端に、操作に必要なものが隠れていない。

    保存に対応しているゲームなら、そのページから再開できる。

    今、公開前の確認項目を整理するなら、まずこのあたりを見ます。

    また、一般公開へ切り替えた後は、ログインしている編集者としてだけでなく、通常の閲覧者としてページを開いてみたいです。

    自分の編集画面が見えていることと、誰でも遊べる状態になっていることは別だからです。

    画像

    AIの利用表示や、素材の条件も確認する

    私は、AIを使ってゲームを制作していることを隠すつもりはありません。

    実際のitch.ioの作品ページにも、コード・画像・音・文章についてAI使用の表示をしています。itch.ioの公式ガイドには、生成AIを使った素材について「AI Disclosure」で正確に申告するよう案内があります。itch.io

    また、夢現の投稿条件にも、使用する素材や生成ツールの利用規約、第三者の権利に関する条件が書かれています。フリーゲーム夢現

    前回のBGMの記事でも触れましたが、音楽や画像を用意できたことと、公開する用途で使えることは分けて確認します。

    ここは、AIに公開用ファイルを作ってもらったから、それで全部済んだと考えないようにしたいです。

    画像

    公開作業には、体感で5時間くらいかかった

    実際にどのくらい時間がかかったのか。

    体感では、5時間くらいかかったと思います。

    正確に計測していたわけではありません。サイト別に何時間、アップロード待ちに何分という内訳も、記録していません。

    なので、これは通信だけに5時間かかったという意味ではなく、今回の公開作業を振り返った、おおまかな感覚です。

    AIに公開先を教えてもらいました。

    公開用のデータも用意してもらいました。

    それでも、公開する形を確認したり、紹介に使うものを準備したり、自分でサイト上の操作を進めたりする時間はありました。

    「Canvas」と言われて、何のことか分からなくなる場面もありました。

    ゲームを作るところはAIに任せられても、公開について初めて知ることは、まだいろいろあった。

    それが、実際にやってみた感想です。

    だから、これから公開する人には、ゲーム本体だけでなく、紹介文や画面、動画なども先に考えておくとよいと伝えたいです。

    「ゲームを作って」から、「ここで遊べます」まで

    前回の音楽の記事では、

    Chatでスタイルを作る → Sunoで曲を作る → Workへ渡して組み込む

    という流れを紹介しました。

    公開するときは、その先が加わります。

    公開先を相談する。

    そのサイトに合ったデータを用意してもらう。

    紹介文や画像、動画を揃える。

    自分で登録し、公開した場所から遊べるかを確かめる。

    知らない言葉が出てきても、全部一人で解決してから進む必要はありません。

    「キャンバスって何?」からでも、相談はできます。

    「夢現用とitch用にして」と相談し、必要な条件を整理しながら、公開の準備を進めました。

    ゲームを作ってきた続きとして、公開の準備も頼む。

    そうやって、自分のパソコンの中にあったゲームを、外へ持っていきました。

    ゲームが動いたときには、

    「作れた。」

    と言えます。

    公開する場所まで用意できると、そこにもう一つ、

    「ここで遊べます。」

    を付けられます。

    今回は、そこまで進める話でした。

    画像

    ※公開サイトの手順・条件は、2026年10月11日に確認した公式案内に基づいています。画面や条件は更新されることがあるため、投稿時には最新の案内をご確認ください。

     
     
    AIを使ってゲームを作っています。 企画→試作→プレイ→ダメ出し→修正を繰り返し中。 AIはどこまで任せられるのか。成功も失敗も、実際の開発画面と一緒に記録します。

    あなたへのおすすめ