Cyberpunk Diorama
A Japanese copy-paste prompt for a top-down three.js diorama: a flooded cyberpunk lower city at night in the rain, dense code-built buildings, signs, people and traffic, with 5-7 switchable cameras.
By あかくま屋 @akakuma0219 Sep 26, 2026
- Type
- prompt
- Made with
- Claude Opus 5.5
- Built in
- three.js
- Topics
- 3D · Interactive
The prompt
Three.jsで、斜め上から見下ろす「箱庭」の3Dを作ってください。 題材：雨の夜の、水没したサイバーパンクの下層街 ・画像や3Dモデルは使わず、建物も看板も人も全部コードで作る ・建物はぎっしり。窓・室外機・配管・ネオン看板で壁を埋めて、何もない面を残さない ・霧の中で灯りがにじむように。ピントの外の光は丸くボケるように ・人が歩く、車が走る、湯気が上がる、雨が降る。画面のどこかで常に何かが動いている ・全景・路地・屋上など、視点を5〜7か所切り替えられるボタン ・ブラウザで開くだけで動くページにする ・できたら各視点のスクショを撮って、自分で見て直してから見せて
Quoted from あかくま屋's post. The prompt belongs to its creator; credit them if you share it.
Similar prompts
An interactive three.js camera-focus explainer: turn the focus ring and the glass elements shift, sliding the plane of…
An interactive Raptor 3 rocket engine you can cut open in the browser: follow oxygen and methane through both turbopump…
A playable three.js scene: a wooden riverboat poled upstream through feudal-Japan mountain valleys with dynamic weather…
An architectural build-up in three.js with TSL: a house evolves from first lines to massing, detail and the finished ho…