Three.jsで作ったZorkの3Dアクションアドベンチャー版

GPT-6 Astraが古典テキストアドベンチャーを、元の謎解きと新しい戦闘を備えた3Dゲームに変え、全舞台をThree.jsで構築しました。

デモ

Claude Code + Three.js(コードのみ)Wandy 2
実際のモデル · 360°どちらも同じ写真から作成:左は Claude Code(Opus 5.5)が Three.js のコードでモデリングした、手を加えていない1回分の実行結果。右は Wandy 2。

精細な3Dモデルを作ろう

コードだけでは単純な形しか作れません。Wandy 2なら写真1枚から、同じシーンで使えるテクスチャ付き3Dモデルを作れます。

Wandy3Dによる制作ブリーフ

作者がプロンプトを公開していないため、この作品を再現する方法を私たちがまとめました。

Build a browser-based 3D action-adventure game in Three.js that reimagines a classic 1970s text adventure. Keep the original story and puzzles, and add combat encounters. Model every environment and character procedurally in code: an open forest clearing with a white farmhouse and a boarded door, a dim living room with a rug, tables and bookcases, and a pitch-dark cellar. Use first-person movement and mouse look, an interaction prompt for items and doors, an inventory, and a text overlay that shows the location name and descriptive narration in a serif typeface. Use moody, realistic lighting with fog outdoors and near-black interiors that require a light source. Deliver a deployable web project that runs from a static host. Done means a player can walk from the house exterior inside, pick up items, descend to the cellar, and see the narration update by room.

このプロンプトの使い方

  1. ビルドブリーフをコーディングエージェント上のGPT-6 Astraに渡し、Three.jsプロジェクトを依頼します。

  2. 別のテキストアドベンチャーに替えたり、舞台や戦闘、語りの調子を変えます。

  3. ブラウザで遊び、部屋ごとに照明や謎、敵を改良していきます。

元の投稿作者の方ですか? このページの修正・削除をご依頼ください