WebGPUとThree.jsで作る、ぷにぷに変形するゼリー玩具

GPT-6 AstraがSoftieの基盤を作成。つやのあるゼリーが凹み、伸び、揺れ戻り、顔も一緒に変形します。

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 stress-relief web toy called Softie using WebGPU and Three.js. Show a glossy, jelly-like droplet-shaped blob with a simple face on a clean off-white tabletop, with soft shadows. Pressing on the blob should dent it, dragging should stretch it, and releasing should make it slam back onto the table and wobble slowly to rest. The eyes and mouth must sit on the surface and deform with the body as it squeezes. Add a side panel with a colour picker or swatches, a softness slider, a damping slider and a volume control, plus a Poke button; the space bar also triggers a bounce. Add synthesized sound effects for squishes. Make the layout responsive so it works on desktop and in a phone frame, with a minimal bilingual interface. It is done when the blob feels weighty and elastic, the face follows the deformation and every slider changes the behaviour live.

このプロンプトの使い方

  1. 物理の土台はGPT-6 Astraにブリーフを貼って作り、UIの仕上げや音は軽量モデルに任せます。

  2. キャラの形や色、柔らかさと減衰の範囲を変えて、触り心地を調整します。

  3. スライダーとPokeボタンで調整できる玩具が得られ、感触や見た目、音をさらに磨けます。

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