AIスキルを活用して週末に3Dゲームをプロトタイプする方法

48時間でプレイ可能な3Dゲームプロトタイプをリリース。AIスキル、Three.js、Vibe Skills を活用した金曜日から日曜日までのワークフロー。インディー開発者やホビイスト向け。

3D GamesIndie Game DevThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
10,620
AIスキルを活用して週末に3Dゲームをプロトタイプする方法 - Vibe Skills preview
Vibe Skills
Vibe Skills

Claude、Cursor などに対応した数百もの既製スキルを閲覧しましょう。

週末で3Dゲームのプロトタイプを構築する方法:金曜から日曜までのワークフロー

金曜の夜から日曜の夕方にかけて、プレイ可能な3Dゲームのプロトタイプをitch.ioで公開できます。 ゲームジャムが20年以上これを証明してきました。AIスキルは現在、ワークフローをさらに圧縮します。金曜はコンセプトとスコープ、土曜はビルド、日曜はポリッシュと出荷です。エンジンの肥大化も、チームも、数ヶ月にわたるロードマップも必要ありません。

これは精神論ではありません。Ludum Dareは4ヶ月ごとに開催され、48〜72時間で2,000〜3,000本の完成したゲームを継続的に出荷しています。この形式は、制約が強制的に出荷させるため機能します。AIスキルは、より高速なランプアップで同じ制約を提供します。定型的なコード、アセットのスタブ、ゲームプレイのループがあらかじめ組み込まれているため、週末は実際にゲームらしく感じられる部分に費やすことができます。

このガイドは、日曜の夜までにプレイ可能なものを1つ欲しいインディー開発者、デザイン学生、ホビイスト向けです。48時間のビルドの解剖学、Vibe Skillsの5つのAIゲームプロトタイピングスキル、そして週末に収まる金曜から日曜までのワークフローをカバーします。


AIスキルを活用して週末に3Dゲームをプロトタイプする方法 - Vibe Skills preview
Vibe Skills
Vibe Skills

Claude、Cursor などに対応した数百もの既製スキルを閲覧しましょう。

なぜ週末でプレイ可能なプロトタイプを出荷するのに十分な時間なのか

ゲームジャムは、20年以上にわたり48時間ビルドを証明してきました。 Ludum Dareは2002年に始まり、現在では年3回開催され、1ラウンドあたり2,000以上のエントリーがあります。GMTK Game Jamは、単一の週末で8,000以上の提出物を集めます。itch.ioは毎年数千のジャムページをホストしており、ほとんどのジャムゲームはゼロから48〜72時間で出荷されます。

この形式は、3つの強制機能により機能します。

  • コードが開始される前にスコープが設定されます。 ジャムのテーマは機能の肥大化を防ぎます。
  • 公開提出締切。 金曜から日曜ということは、「来週磨こう」はありません。
  • ブラウザファーストの配信。 itch.ioとNewgroundsは、インストーラーではなくブラウザリンクに配信します。

2026年に変わったのはランプアップです。AIスキルは、かつてジャムの8〜10時間を食っていた定型的なコードを削減します。

  • Three.jsのシーン設定、ライティング、カメラリギング
  • プレイヤーコントローラー(キーボード、マウス、ゲームパッド)
  • 物理(レイキャスト、コライダー、基本的なAABB)
  • アセットプレースホルダー(ローポリキャラ、環境プロップ、スカイボックス)
  • プレイ可能なHTMLビルドをエクスポートするビルドパイプライン

そのセットアップ作業は、現在30分のステップになりました。週末の残りは、デザイン、レベル構築、そして手触りに費やされます。


AIスキルを活用して週末に3Dゲームをプロトタイプする方法 - Vibe Skills preview
Vibe Skills
Vibe Skills

Claude、Cursor などに対応した数百もの既製スキルを閲覧しましょう。

48時間ビルドの解剖学

週末に出荷されるすべてのプロトタイプは、ほぼ同じ4つのフェーズに従います。フェーズをスキップすると、ビルドがitch.ioに到達しません。1つのフェーズに時間をかけすぎると、ポリッシュフェーズが食われます。

フェーズ時間ブロックやることフェーズ終了時に出荷されるもの
フェーズ1:スコープ金曜 18時~22時ジャンル選択、1ページの設計ドキュメント作成、コアループ決定、AIスキル選択設計ドキュメント + 選択したスキル
フェーズ2:ビルド土曜 9時~20時定型コード生成、コアメカニック構築、1〜2レベル追加、入力処理勝利/敗北状態のあるプレイ可能なビルド
フェーズ3:ポリッシュ日曜 10時~16時サウンド、ジュース、チュートリアルポップアップ、バランス調整、バグ修正最初の60秒で壊れないビルド
フェーズ4:出荷日曜 16時~20時エクスポート、itch.ioページ作成、GIF録画、SNS投稿動作するWebビルドを備えた公開itch.ioページ

4フェーズ構造は、常に起こりうる問題のための余裕を残します。物理の壊れたエッジケース、呪われたアセットインポート、ローカルでは動作するがWebGLでは壊れるビルドなどです。バグに備えましょう。


「Vibe Coding」でゲームを構築するとは actually どういうことか

「Vibe coding」とは、欲しいものを記述し、AIにコードを生成させ、その出力を反復処理することでソフトウェアを構築するワークフローです。 ゲームにおいては、コードベースのほとんどが配管作業であるため機能します。楽し​​い部分 - 手触り、レベルデザイン、サウンド、アートディレクション - は人間が担当しますが、定型的なコードは生成されます。

Vibe Codingされた週末ゲームはこうなります。CursorやClaudeのタブでプレーンな英語で設計ドキュメントを書き、Three.jsの足場が付属するVibe Skillsの3Dゲームスキルをインストールし、AIにジャンル固有のメカニックを追加するように依頼し、そして手動で手触りを調整します - ジャンプの高さ、カメラのラグ、パーティクルの強度など。AIがタイピングを行います。あなたがデザインを行います。この分担こそが、シニアエンジニアではない人が週末にプロトタイプを作成できる理由です。


Vibe Skillsの5つのAIゲームプロトタイピングスキル

これらのスキルは、週末プロトタイプの定型コードフェーズを圧縮するように構築されています。すべてVibe Skillsの3D Gamesカテゴリにあり、Three.jsの足場、動作するビルドパイプライン、itch.io対応のエクスポートが付属しています。

1. Three.js Game Scaffolder

ほぼすべての週末3Dプロトタイプの出発点です。プレイヤーコントローラー、三人称カメラ、基本的なライティング、スカイボックス、および衝突判定のある地面を備えたThree.jsシーンを生成します。出力はViteプロジェクトで、30秒で pnpm dev でき、pnpm build でitch.io対応HTMLバンドルが生成されます。

最適: 純粋な2Dを除くすべてのジャンル。これを初日のプロジェクトとして使用してください。

2. First-Person Walker Skill

足音オーディオフックとヘッドボブを備えた、洗練された一人称コントローラー(WASD + マウスルック + 重力 + スプリント + ジャンプ)を生成します。その上に独自のレベルメッシュをドロップすれば、土曜の昼食時にはウォーキングシム、ホラープロトタイプ、または美術館ゲームができあがります。

最適: ウォーキングシム、ホラー、探索プロトタイプ、ナラティブゲーム。

3. Top-Down Arena Shooter Kit

トップダウンカメラ、ツインスティックコントローラー(キーボードまたはゲームパッド)、ウェーブスポナー、基本的な敵AI、弾丸システム、スコアリングHUDを生成します。シューターのループは実績のあるゲームプレイ基盤です - アートとスポーンパターンを入れ替えれば、まったく新しいゲームになります。

最適: アーケードシューター、弾幕、ツインスティックアクション。

4. 3D Puzzle Platformer Skeleton

可変ジャンプ、カヨーテタイム、レッジ検出を備えた三人称プラットフォーマーコントローラー、チェックポイントシステム、およびBlenderまたはコードで直接編集できる3つのスタブレベルを備えたレベルテンプレートを生成します。死亡/リスポーンループとレベル完了トリガーが含まれています。

最適: パズルプラットフォーマー、パルクールプロトタイプ、スピードランフレンドリーなインディーゲーム。

5. Browser Driving Sandbox

アーケードドライビングの感触(加速カーブ、ドリフト物理、カメララグ、基本的な地形)と、10秒で色を変えられるローポリカーを生成します。トラックメッシュをドロップすれば、土曜の夕食時にはレーシングプロトタイプができあがります。

最適: アーケードレース、オフロードドライビング、交通シミュレーター、車の手触りテスト。

Vibe Skillsで全ての3Dゲームスキルを閲覧 →


金曜から日曜までのワークフロー

これは週末に収まる正確なスケジュールです。開始時間を調整しても、フェーズの順序は変えないでください。

金曜 18時~22時:スコープとセットアップ

ステップ1:Vibe Skillsのゲームプロトタイピングスキルを選択します。 3D Gamesカテゴリを閲覧し、作成したいジャンルに合ったスキルを選択してください。まだわからない場合は、Three.js Game Scaffolderをデフォルトにしてください - どんなジャンルにも適応します。

ステップ2:1ページの設計ドキュメントを作成します。 新しいドキュメントを開き、これらの5つの質問にプレーンな英語で答えてください。どれもスキップしないでください。

  • プレイヤーは5秒ごとに何をするか? (コアループ)
  • 勝利条件は何か? 敗北条件は何か?
  • レベル数はいくつか、または1回のランの長さは?
  • ビジュアルのフックは何か? (ライティング、カラーパレット、スタイルの参照)
  • プレイ30秒で記憶に残るゲームにするための、唯一の特徴は何か?

ステップ3:スキルをインストールし、定型コードを実行します。 ローカルで動作するビルドを実行します。深夜までにThree.jsシーンでプレイヤーキャラクターが動いているのを確認できるはずです。うまくいかない場合は、スコープを縮小してください - ジャンルを変更する、カメラを簡略化する、またはより小さなスキルを選択してください。

土曜 9時~13時:コアメカニックの構築

ステップ4:プレースホルダーメカニックを、あなたの唯一の特徴に置き換えます。 これが唯一重要​​な特徴です。あなたのゲームが「呪われた湖での一人称釣り」であれば、今日の午前中は釣りのキャストロジックと水シェーダーの手触りのみです。それ以外は何もありません。

ステップ5:勝利/敗北状態を機能させます。 勝利画面のある60秒のプロトタイプはゲームのように感じられます。終了状態のない60分間のプロトタイプは技術デモのように感じられます。常に終了状態を先に公開してください。

土曜 13時~20時:コンテンツとレベルの追加

ステップ6:完全にプレイ可能なレベルまたはランを1つ構築します。 3つの半端なレベルではなく、1つの磨かれたレベルです。ジオメトリにはプレースホルダーキューブを使用します。スキルのプレースホルダーキャラクターを使用します。手触りを調整します。

ステップ7:チュートリアルポップアップを追加します。 初回起動時に表示される「WASDで移動、クリックで釣る」という2行のテキストは、8秒で諦める混乱したプレイヤーからのitch.ioページを守ります。

日曜 10時~16時:ポリッシュ

ステップ8:サウンドを追加します。 たとえ3つのサウンド(足音、アンビエントループ、勝利のファンファーレ)であっても、プロトタイプを劇的に向上させます。無料ソース:freesound.org、opengameart.org、inference.shにあるAI生成のフォーリーアプリ。

ステップ9:ジュースを追加します。 ヒット時のパーティクル、インパクト時の画面シェイク、スコアの数値ポップアップ。ジュースとは、48時間プロトタイプをGIFで6ヶ月ゲームのように見せるものです。

ステップ10:バグ修正。 ビルドを5回連続でプレイします。2回壊れたものを修正します。1回壊れたものは無視します。

日曜 16時~20時:出荷

ステップ11:プロダクションバンドルをビルドします。 スキルのプロジェクトで pnpm build を実行します。新しいブラウザタブでプロダクションビルドをテストします。

ステップ12:itch.ioページを作成します。 タイトル、1行のタグライン、3つのスクリーンショット、1つのGIF、操作方法、クレジット、開発ログへのリンク。アセットが準備されていれば、ページ全体で45分かかります。

ステップ13:リンクを投稿します。 Twitter、Bluesky、開発コミュニティのDiscord、関連するsubreddit。プレビューとしてスクリーンショットではなくGIFを使用します。AIスキルの名前(とそのリンク)を含む開発ログ投稿は、より多くのクリックを獲得する傾向があります。


土曜の壁にぶつかったら

ほとんどの週末プロトタイプは土曜の午後に失速します。メカニックが予想より難しく、物理が奇妙で、ゲームが楽しいのか疑問に思い始めます。これが壁です。すべてのジャム開発者がそれにぶつかります。

3つの救済策:

  • 機能をカットする。 ボス戦が苦戦しているなら、ボスをカットします。マルチプレイヤーが壊れているなら、シングルプレイヤーを出荷します。出荷されたプロトタイプは、未完成の野心的なものより常に優れています。
  • プレースホルダーアートに切り替える。 Blenderに時間を費やしているなら、やめてください。キューブとカプセルを使用します。ポリッシュはプロトタイプを勝たせます;アセットはポストジャムアップデートを勝たせます。
  • 設計ドキュメントを再読する。 重要だった唯一の特徴は何でしたか? 残りの土曜はその一点にだけ集中します。

スキルのプレースホルダーアセットは、出荷するには十分です。プレイヤーは手触り、ジュース、そしてループを評価します。背景の岩のプロップを評価しません。


ホスティングと共有方法

itch.ioはブラウザゲームプロトタイプのデフォルトです、 完全です。無料ホスティング、レビューキューなし、どこでも埋め込み可能、そしてオーディエンスは生粋の週末ビルドを期待しています。ゲームにコメディやアーケードの要素がある場合は、Newgroundsが次に良い投稿先です。

可視性のために:

  • 週末が重なる場合は、実際のゲームジャムに提出してください(Ludum Dare、GMTK、サイズ制限のあるビルドの場合はjs13k、11月のGitHub Game Off)。公式ジャム以外でも、ジャムテーマのページに投稿すると注目を集めます。
  • 15秒のGIFをTwitter、Bluesky、r/IndieDev / r/IndieGamingにitch.ioリンクと一緒にクロス投稿します。
  • itch.ioページに開発ログ投稿を追加します - 使用したAIスキルと週末中に変更したことについて1段落。

最初の100回のプレイは通常、あなた自身のソーシャルアカウントと、適切にタグ付けされたReddit投稿から来ます。その後、itch.ioの「New」と「Popular」ページが担当します。


よくある質問

ゲーム開発経験なしで、本当に48時間で3Dゲームを構築できますか?

プロトタイプならはい、完成したゲームならいいえ。週末で、勝利/敗北状態のある単一のプレイ可能なメカニック、1つのレベル、そしてitch.ioページができます。これはアイデアを検証し、ポートフォリオピースを構築し、より長いビルドに値するかどうかを決定するのに十分です。 Vibe SkillsのAIスキルは定型コードを処理するため、週末はセットアップではなくデザインに費やされます。

週末プロトタイプのために、ソロで構築すべきか、チームで構築すべきか?

最初の1つはソロで。2つ目はチームで。ソロプロトタイプは、調整コストがないため、より頻繁に出荷されます。自分のペースがわかれば、2人(デザイン+コード1人、アート+サウンド1人)のチームが週末には最適なバランスです。4人以上のチームは、通常48時間で出荷できません。

開始前にThree.jsやゲームエンジンを知っている必要がありますか?

AIが生成したコードを読み、値を調整するのに十分なJavaScriptを知っている必要があります。Three.jsをゼロから書く必要はありません。Vibe Skillsの3Dゲームプロトタイピングスキルは、エンジンセットアップを生成します;あなたはゲームプレイを書きます。ReactやバニラJSを編集できるなら、週末にThree.jsプロトタイプを出荷できます。

週末プロトタイプを収益化するにはどうすればいいですか?

通常はしません。最初のプロトタイプは、ポートフォリオ、検証、学習のためです。プロトタイプが勢いを増したら(itch.ioで10,000回以上のプレイが良い兆候です)、典型的な収益化パスは次のようになります:itchでのペイウォットユー、Steam早期アクセスビルド、またはCrazyGamesのようなポータルでの広告付きWebリリース。週末ビルドでは、出荷と開発ログコンテンツに焦点を当ててください - 収益は3ヶ月目の問題です。

ゲームがitch.ioにプッシュしたときにクラッシュしたらどうなりますか?

アップロードする前にプロダクションビルドをテストしてください。ほとんどの週末プロトタイプは、アセットパスやWebGLコンテキスト設定が原因でプロダクションで壊れます - ローカルでキャッチすれば、どちらも5分で修正できます。Vibe Skillsのスキルに付属するビルドパイプラインは、itch.ioのHTML5ホスティングに合わせてすぐに設定されており、これらの問題のほとんどを解消します。

Vibe Skillsのゲームスキルのコードを販売または変更できますか?

はい。Vibe Skillsのスキルは、itch.io、Steam、またはその他の場所でリリースされた独自のゲームでコードを出荷できる、商用フレンドリーなライセンスで出荷されます。クリエイターはスキルのIPを保持し、あなたはそれの上に構築されたゲームのIPを保持します。


今週末プロトタイプを出荷しましょう

週末プロトタイプが出荷されない最大の理由は、スキルやエンジンの選択ではありません。それは、金曜の夜に「もう少し調査しよう」と思って始めないことです。次のフリー週末には、4フェーズプランに従ってください:金曜はスコープ、土曜午前はビルド、土曜午後はコンテンツ、日曜はポリッシュと出荷。3Dゲームプロトタイピングスキルを使用すれば、土曜にコーヒーを淹れる前に定型コードは完了しています。

最初の10個の週末プロトタイプのポートフォリオは、あなたの仮説上の6ヶ月間の夢のゲームよりも価値があります。まず小さなものを出荷してください。

Vibe Skillsで3Dゲームプロトタイピングスキルを閲覧 →


Three.jsの定型コードマラソンをスキップしましょう。Vibe Skillsで3Dゲームプロトタイピングスキルをインストールして、日曜の夜までにプレイ可能なビルドを出荷しましょう。

AIスキルを活用して週末に3Dゲームをプロトタイプする方法 - Vibe Skills preview
Vibe Skills
Vibe Skills

Claude、Cursor などに対応した数百もの既製スキルを閲覧しましょう。