数式で動く数千の点で描くイカの群れ、インタラクティブWebGL

Astraがモデルやスプライトなしで発光するイカの群れをWebGLで生成。ヒレ、噴射、触手は数式で動き、触れると群れが散ります。

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

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

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

Wandy3Dによる制作ブリーフ

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

Build an interactive squid shoal in WebGL as one self-contained HTML page. Use no imported models, sprites or pre-rendered animation: every squid body is a cloud of thousands of points computed in real time from equations. One set of equations drives a rhythmic jet pulse of the mantle, another bends the fins, and the tentacles follow the squid's own past positions so they lag, curl and whip through turns. Give the shoal inertia and flocking-style movement on a deep dark background with soft glowing translucent bodies. Add a compact control panel with colour pickers and sliders for speed and count, and make the squids panic and scatter when the pointer touches the water. Done means a smooth, continuously animated school that reacts to input and recolours live.

このプロンプトの使い方

  1. コーディングツールでGPT-6 Astraにビルドブリーフを貼り、単一のHTMLファイルを依頼します。

  2. 生き物、点の数、配色、スライダーを変えたり、イカをクラゲや魚に置き換えたりします。

  3. ファイルを開いて水面をなぞり、パラメータを調整して新しい挙動を追加依頼します。

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