画像を印刷しながら延々と巻き出される紙テープ(Three.js)

Claude Fable 5がThree.jsで作ったWebアプリ。紙のロールが無限に巻き出され、帯の上にポスター風の画像がリアルタイムで印刷されます。

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 single-page 3D web app in Three.js with no external 3D assets. Show a white, minimal studio scene with a bright background and soft shadows. A roll of paper unspools into a long strip that curves and loops across the floor endlessly, as if the roll never runs out. While the strip moves, a printing effect continuously stamps generated poster-style images onto its surface: flat blocks of blue, yellow, red and black, small photo-like squares, and typographic marks, drawn procedurally onto a canvas texture in real time. The camera drifts around the roll and along the strip so the viewer sees it from several angles. Add a small editorial-style overlay with a running counter in a corner and fine caption text. Keep the palette restrained: white paper, primary-color accents, black type. Deliver one self-contained HTML file. Done when the strip rolls smoothly without end and new images keep appearing on it.

このプロンプトの使い方

  1. コーディングエージェントのClaude Fable 5にビルドブリーフを貼り、Three.jsの単一HTMLを依頼します。

  2. 印刷する画像、配色、帯の幅を変えるか、参考画像を渡してレイアウトの雰囲気を寄せます。

  3. HTMLを開いて動きを確認し、カメラ経路、巻き出し速度、印刷のリズムを調整します。

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