展示 No. 016 · アニメーション
ハート、花、土星へと形を変えるThree.jsのパーティクル。カメラの前で手を開くと大きく広がります。
> Create a real-time interactive 3D particle system with Three.js.
requirements:
1. Control the scaling and expansion of the particle group by detecting the tension and closing of both hands through the camera.
2. Provide panels that can choose hearts/flowers/saturn/Buddha statues/fireworks and other templates
3. Support the colour selector to adjust the particle colour
4. Particles need to respond to gesture changes in real time. The interface is simple and modern.
5. The interface is simple and modernWebカメラによるハンドトラッキング、形状間のパーティクルモーフィング、すっきりしたコントロールパネル。
ミュージアムのフレーム内ではカメラを使えないため、回答はマウス操作に切り替わります。マウスを上下に動かすと形が開いたり閉じたりします。手で試すには生の回答を開いてください。
各テスト1回の回答で、実行後の修正はなし。1回目がうまく動かなかったテストはもう一度回答し、その展示に明記しています。それでも動かなかった回答は展示していません。素のAPIではなく、独自のシステムプロンプトを含むClaude Codeのエージェントセッション内で実行しています。
回答を.htmlファイルとして保存し、ブラウザで開くと、上の回答と比べられます。
アニメーション · Simon Willison, 2024
新モデルの実力を測る最も有名なテストの、アニメーション版。ペリカンが本当にペダルをこがなければなりません。
アニメーション · Flavio Adamo, 2025
2025年初めに話題になった物理テスト。重力と摩擦のあるボールが、回転する六角形の中で跳ね返ります。
アニメーション · AI/ML API model comparison, 2026
恒星が膨張し、崩壊し、爆発する。あとには輝く残骸と回転するパルサーが残ります。