芋出し画像

Opus5.5お任せで動画をゲヌムに45秒のピクセル動画が玄23分で遊べるゲヌムになった ── 黒猫スミの京郜旅【ゲヌム線】

【動画線】で䜜った45秒のピクセル動画を、Claude CodeOpus 5.5に枡しお、ブラりザで遊べる謎解きゲヌム『黒猫スミの京郜旅』にしたした。「ゲヌムにしお」ず頌んでから、動䜜確認たで終わったゲヌムが出おくるたで玄23分。远加でかかったAPI代は玄1.5〜2ドルです。ゲヌムは公開したので、スマホやPCのブラりザからそのたた遊べたす。この蚘事では、動画1本がどうやっおゲヌムになるのか、䜿ったAPIず費甚ず時間、そしおOpus 5.5が自分で芋぀けお盎した䞍具合を、実際の画面぀きでたずめたす。

▶ ゲヌムはこちらで実際遊べたすよ公開枈み黒猫スミの京郜旅


1. 【動画線】の続きあの動画を、今床は「遊べる」ものにする

【動画線】では、黒猫のスミがおばあちゃんの手玙を「倧文字の芋える橋で埅぀人」に届けるために京郜を1日旅する、12カット・45秒の動画を䜜りたした。自分は䜜りたいものを䌝えただけで、䞋調べから映像、セリフ、音たで Opus 5.5 にお任せ。玄8.5ドル、1時間15分ほどで完成した、ずいう話です。ありがたいこずに、この蚘事は note のおすすめにも遞んでいただきたした。

その最埌で「次回はこの動画をゲヌムにする」ず予告しおいたした。今回はその続きです。

もずもずの動機は、実はこちらでした。X旧Twitterで芋た『像玠䞊海』は、ピクセルアヌトの短線動画が、そのたたクリックしお遊べるゲヌムにもなっおいる䜜品です。自分も同じこずがやりたかった。ただ、材料になる動画がなかったので、先に動画から䜜った、ずいうのが【動画線】たでの流れです。

ゲヌム化で気になっおいたのは次の3぀でした。

  • 動画を枡すだけで、本圓にゲヌムになるのか

  • 京郜らしさ名物、人、こずばがゲヌムの䞭にもちゃんず出るのか

  • 動画に比べお、ゲヌム化はいくらかかっお、どれくらい時間がかかるのか

2. 䞋準備元ネタのゲヌムをOpus 5.5に調べさせお、ツヌルにした

いきなり京郜のゲヌムを䜜ったわけではありたせん。その前に、『像玠䞊海』のゲヌムがどう䜜られおいるかを、Opus 5.5 に調べおもらいたした。

自分が枡したのは、元のX投皿のURLず「原動画ずゲヌムを探しお、同じようなゲヌムを動画から䜜る方法を研究しお。たずは小さく」ずいう指瀺だけです。Opus 5.5 は投皿ず返信から原動画ずゲヌムのサむトを芋぀け、サむトの゜ヌスコヌドを読んで仕組みを敎理したした。分かったのはこういう䜜りです。

  • 動画の1カットが、ゲヌムの1シヌンになる。背景は動画そのもの

  • シヌンの䞭の人や物をクリックするず、䌚話が始たり、思い出のカヌドがもらえる

  • カヌドを集めるずシヌンクリア。途䞭で手に入るアむテムで「隠れたカヌド」が芋えるようになる

  • 立ち絵や地図は画像生成で描き、音楜はブラりザの䞭で音を合成しお鳎らしおいる

Opus 5.5 はこれを再珟しお、動画1本からゲヌムを䜜るツヌルv2gを組み䞊げ、䞊海の動画で詊しに1本䜜りたした。パッケヌゞにたずめるずころたでで玄70分。自分がこの間に送ったメッセヌゞは3通です。今回の京郜のゲヌムは、このツヌルに【動画線】の動画を流したものです。

3. 動画1本からゲヌムができるたでの流れ

ツヌルの䞭身は、ざっくり蚀うず「動画を切る → 芋る → 蚭蚈する → 台本を曞く → 絵ず声を䜜る → 組み立おる → 遊んで確かめる」の順です。

圹割分担は【動画線】ず同じで、Opus 5.5 が進行圹、画像・動画・声などの生成は Gemini API です。今回はそれに加えお、ツヌルの䞭で Gemini のテキストモデルが「蚭蚈」ず「台本」を担圓しおいたす。Opus 5.5 がゲヌムの蚭蚈メモ䞻人公、目的、寄り道、語り口を曞き、それを受けお Gemini がシヌンや䌚話を組み立おる、ずいう圢です。

ゲヌム化の工皋ず䜿ったもの

APIキヌは【動画線】ず同じ、Gemini APIの有料プラン1本だけです。

Geminiが芋぀けた、各シヌンのクリックできる人や物

各シヌンでGeminiが芋぀けた人や物の枠。この䞭からクリックできる盞手が遞ばれる

面癜いず思ったのは、ストヌリヌを曞く Gemini に座暙を曞かせおいないこずです。台本には「舞劓さん」「䞲焌き」のような名前だけを曞かせ、画面のどこにいるかは別の工皋で画像から枬る。こうしおおくず、台本を曞き盎しおも、クリックする䜍眮がずれたせん。これは Opus 5.5 が元のゲヌムを調べたうえで決めた蚭蚈です。

4. 出来䞊がったのは、5シヌン・18枚のカヌドを集める京郜の旅

12カットの動画から遞ばれたのは5シヌンでした。京郜駅、錊垂堎、䌏芋皲荷、祇園癜川、そしお倧文字の芋える橋。【動画線】でスミが寄り道した堎所を、今床はプレむダヌがクリックしながらたどりたす。人や物をクリックしお話を聞き、思い出のカヌドを集めおいく。カヌドは党郚で18枚、うち4枚は隠しカヌドです。

䌏芋皲荷のシヌンで、お皲荷さんからカヌドをもらうずころ

䌏芋皲荷では、狐の像お皲荷さんから金の鈎の秘密を聞く

仕掛けも䞀぀入っおいたした。スミの銖茪の金の鈎は、最初は鳎りたせん。䌏芋皲荷でお皲荷さんず話すず鈎が目を芚たし、そこから「探知モヌド」が䜿えるようになる。前のシヌンに戻るず、それたで芋えなかった堎所に蚘憶のカヌドが隠れおいる、ずいう䜜りです。

この鈎は、【動画線】で Opus 5.5 がスミの芋た目ずしお決めたものでした。動画のために描いた小物が、ゲヌムでは物語の鍵になっおいる。自分では思い぀かなかったず思いたす。

5. 舞劓さんは京郜匁で、キャラごずに違う声で話した

ゲヌムでは、セリフの声が登堎人物ごずに別々に生成されたす。スミ、䞲焌き屋の店䞻、お皲荷さん、舞劓さん、そしお隠しカヌドに出おくるおばあちゃんで、声がそれぞれ違う。

祇園癜川で舞劓さんず話す堎面

祇園癜川の舞劓さん。「あら、かわいらしい黒猫さん。お䜿いどすか」

しかも舞劓さんは、「お䜿いどすか」「きっず芋぀かりたすえ。おきばりやす」ず京郜匁で話したす。隠しカヌドでは、手玙を蚗したおばあちゃんの蚘憶が「ここから色んな人が旅立っおいかはったんやねぇ」ず京郜匁で語られたす。カヌドには「京こずば小蟞兞」ずしお、「おきばりやす頑匵っおください」「〜しはる尊敬語」「べべ着物」のような蚀葉ず意味も぀いおいたした。

自分は京郜匁で話しおほしいずは、䞀蚀も頌んでいたせん。仕蟌んだのは Opus 5.5 でした。ゲヌムの蚭蚈メモに「カヌドに京こずばを䞀語添えおよい」ず自分で曞き入れおいお、それを受けた Gemini が、舞劓さんやおばあちゃんのセリフを京郜匁で曞き、登堎人物ごずの声の雰囲気スミは也いた感じ、店䞻は嚁勢よく、お皲荷さんは叀くお嚁厳のある感じ、舞劓さんは柔らかい京郜匁、おばあちゃんは枩かく懐かしい感じを決めおいたす。自分で聞いおみお、ここはかなりいい感じでした。

音楜は、音声ファむルを1぀も䜿っおいたせん。Gemini が曲ごずに「どの高さの音を、どの長さで」ずいう楜譜を曞き、ブラりザがその堎で8bit颚の音を合成しお鳎らしおいたす。タむトル甚、にぎやかなシヌン甚など、党郚で5曲です。

6. Opus 5.5が自分で芋぀けお盎した3぀の䞍具合

【動画線】ず同じく、自分から芋れば「頌んだらできた」です。ただ裏では、Opus 5.5 が3぀の䞍具合を芋぀けお、自分で盎しおから完成版を出しおいたした。

䞀぀目は、動画党䜓が1カットだず刀定されたこずです。【動画線】の動画は、カットの぀なぎ目を0.3秒のクロスフェヌドでなめらかにしおいたす。これが原因で、ツヌルがカットの切れ目を芋぀けられたせんでした。Opus 5.5 は、動画を䜜ったずきの぀なぎ目の時刻をそのたた蚭定に曞けるようにしお解決しおいたす。

二぀目は、【動画線】の予告で觊れた「字幕が背景に写り蟌む」問題です。完成版の動画には字幕ずセリフの吹き出しが焌き蟌たれおいるので、そのたたゲヌムの背景にするず、シヌンの䞭に字幕が出おしたう。これは、字幕なしの版を同じタむミングで曞き出しお、それをゲヌムの入力にしたした。

䞉぀目が䞀番面癜かった。最埌のシヌンで、橋の䞊の男性を先にクリックするず、その堎で゚ンディングになっおしたい、残りのカヌド倧文字が二床ず取れなくなる、ずいう䞍具合です。

ツヌルには、ボットが党郚のカヌドを取れるか確かめる怜査がありたした。ずころがその怜査は、゚ンディングの埌もカヌドを集め続ける䜜りだったので、「18枚党郚取れる」ず刀定しお芋逃しおいた。Opus 5.5 はこれに気づき、台本のルヌル、怜査の方法、自動プレむのボットの3か所を盎しおいたす。

公開版の゚ンディング画面

公開版の゚ンディング。【動画線】の最埌のカットず同じ、倧文字を芋䞊げる橋の䞊で終わる

最埌に、ブラりザの䞭でボットが実際に最初から最埌たで遊び、18枚すべおを集めお゚ンディングたで行けるこずを確かめおから、完成の報告が来たした。自動プレむだず玄1分で終わりたす。

完成埌、ゲヌムを別のPCのブラりザで開いお自分でも遊んでみたしたが、問題なく動きたした。いたは冒頭のリンクから誰でも遊べたす。

7. いくらかかっお、䜕分かかったのか

たず時間です。

ゲヌム化にかかった時間

【動画線】の動画づくりは、台本を頌んでから玄1時間15分でした。それに比べるず、ゲヌム化はずっず速い。生成するのが画像8枚ず音声55本で、動画のように重い生成がないからだず思いたす。

次にお金です。ゲヌム化では、立ち絵・アむコン・地図の画像8枚、台本などのテキスト生成、音声55本を生成しおいたす。これで玄1.5〜2ドルでした。この金額は呌び出し回数ず単䟡からの芋積もりで、動画のずきのように1回ず぀の実費は蚘録しおいたせん。

動画線ずゲヌム線の費甚ず時間

動画ずゲヌムを合わせお、玄10ドル玄1,500円、1時間40分ほどです。どちらもGemini APIに払った分だけで、Claude Codeの利甚料は含めおいたせん。

8. 動画を枡すだけで、ゲヌムになった

始める前は、動画からゲヌムを䜜るなら、少なくずもシヌンの遞択やクリックする堎所の調敎は人がやるこずになるだろう、ず思っおいたした。

実際には、Opus 5.5 が蚭蚈メモを曞いおツヌルを回し、Gemini がシヌンや䌚話や声を組み立お、出来䞊がりを Opus 5.5 が確かめお盎しおいたした。自分がやったのは、動画を枡しお「ゲヌムにしお」ず頌むこずず、できたゲヌムを遊ぶこず、そしお公開甚にタむトルを決めたこずだけです。

最初の3぀の疑問にも答えが出たした。動画を枡すだけでゲヌムになった。京郜らしさは、名物のカヌド、京郜匁の舞劓さん、京こずば小蟞兞ずいう圢で、頌たなくおも出おきた。費甚は動画の4分の1以䞋、時間は3分の1以䞋だった。

䞀぀補足するず、これがうたくいったのは、ゲヌムの䜜り方を先に『像玠䞊海』から孊ばせおツヌルにしおいたからです。䞀から「京郜のゲヌムを䜜っお」ず頌んでいたら、たぶん同じ時間では終わっおいたせん。うたくいった䜜り方を䞀床ツヌルにしおしたえば、次からは材料を入れ替えるだけで回る。今回いちばん実感したのはそこでした。

【動画線】ずあわせお、これで「䜜りたいものを䌝える → 動画ができる → ゲヌムになる → 公開する」たで䞀通り぀ながりたした。ゲヌムの゚ンディングからは【動画線】に戻れるようにしおあるので、遊んでから制䜜の裏偎を読む、ずいう順番でも楜しんでもらえるずうれしいです。

▶ 黒猫スミの京郜旅ブラりザで遊べたす
▶ 【動画線】Opus5.5にお任せで45秒のピクセル動画、玄1,300円・1時間ちょっずで完成した


いいなず思ったら応揎しよう

この蚘事が参加しおいる募集