記事より動画で見たい方はこちらから！（上が本編、軽く見たい方はその後にあるショート動画をどうぞ）

【動画のChapter】
00:00 イントロダクション
01:45 いつから制作はじめて、どれくらいかかったかという話
02:50 タイトル画面のご紹介（パーティクルエフェクトの仕組み）
04:00 チュートリアルモーダルのご紹介（JSONの持たせ方など）
04:48 準備（装備・スキル等）画面のご紹介
06:10 敵陣営偵察・セーブ機能のご紹介
07:28 バトル画面（コマンド選択式戦闘システム）
12:08 報酬画面・強化システム・ボス出現の仕組み

🎬 この本編動画のページはこちら

🎬 ↑ このショート動画のページはこちら

こんにちは。上武 ハヤです！「Figma Make」で、ファンタジーRPGつくれちゃった！というお話です

みなさんこんにちは😊
私は「上武 ハヤ（うぇぶ はや）」といいます🌟

Web制作に関する動画配信をしているVの者(Vtuber)ですよー！

さて。タイトルの通りなんです。つくっちゃいました。
Figma Make で！

セーブ・ロード機能を完備したファンタジーRPGを🗡️！

🎮 実際に遊べるURLはこちら
https://hayamo.me/forge/
【対応環境】PCブラウザ（Chrome最新版）、iPad Air M2（横持ち）または互換機

BGMも完全オリジナルで入ってるので、ぜひBGMオンにしてプレイしてみてください☺️！
あとシークレットウインドウだとセーブ機能が有効にならないので、通常のモードでアクセスしてくださいねっ🥳

あのですね、私は、Figma Make でどこまでできるか？を試したかったのですよ…

Figma Make。
プロンプトを打つことで、自然言語による対話ベースで、「Web制作の成果物ならほぼなんでも生成」できてしまう、
アメィジングな、Figmaの生成AI機能のひとつですね。

私ね、この子がどれだけできるのか、ちょっと試してみただけなんです…🥹

まさか…こんなにしっかり動作する、ファンタジーRPGができてしまうとは…🏰！

・このシーンはどういうプロンプトで実装したの？
・セーブ・ロード機能はどう実装したの？
・キャラクターイラストやBGMはどうやってつくったの？

とか、語りたいことはたくさんあるのですが！それは今後の本編動画でじっくりお話する予定なので！

今回は、まずは完成報告という事で🫡
次の動画にまとめてみましたので、ぜひご覧くださいねっ🥳！

【動画のChapter】
00:00 イントロダクション
01:45 いつから制作はじめて、どれくらいかかったかという話
02:50 タイトル画面のご紹介（パーティクルエフェクトの仕組み）
04:00 チュートリアルモーダルのご紹介（JSONの持たせ方など）
04:48 準備（装備・スキル等）画面のご紹介
06:10 敵陣営偵察・セーブ機能のご紹介
07:28 バトル画面（コマンド選択式戦闘システム）
12:08 報酬画面・強化システム・ボス出現の仕組み

🎬 本編動画のページはこちら

🎬 ↑ ショート動画のページはこちら

そして、本当にちゃんと遊べるファンタジーRPGが出来たと思うので、ぜひみなさんも遊んでみてください！
そしてFigma Makeのポテンシャルの高さを実感してください✨

🎮 実際に遊べるURLはこちら

https://hayamo.me/forge/
【対応環境】PCブラウザ（Chrome最新版）、iPad Air M2（横持ち）または互換機

BGMも完全オリジナルで入ってるので、ぜひBGMオンにしてプレイしてみてください☺️！
シークレットウインドウだとセーブ機能が有効にならないので、通常のモードでアクセスしてくださいねっ🥳

今後もFigma Makeについて、情報を強化していく予定ですので！
みなさんのチャンネル登録を、心からお待ちしてますよっ☺️！

上武 ハヤでした～！またねーっ😊！！

（※この記事は内容の品質向上を目的に、随時更新を行う場合があります。）