検証テーマ一覧 › 8. 3D空間・数理レンダリング
Three.jsパーティクルビジュアライザー
3D空間・数理レンダリング｜3Dライブラリを正しく使い、数理的な動きと見栄えのする描画を作れるか
固定プロンプト（v2）
全AIモデルに一字も変えずに与える依頼文です。
Three.js（CDN利用）を用い、ブラウザの全画面に美しいインタラクティブ・パーティクルアートを描画する単一のHTMLファイルを作成してください。数千個の粒子が数式（パーリンノイズや三角関数等）に基づいて滑らかにうねるように運動し、マウスカーソルの動きに対して粒子が反発・集束するインタラクションを実装してください。
このカテゴリで測ること
- 3Dベクトル計算
- シェーダー・レンダリングループ
- GPU負荷管理
主な測定内容
- fps と GPU負荷（数千粒子で60fps付近か）
- 粒子運動の数式（ノイズ・三角関数）の使い方と滑らかさ
- マウスに対する反発・集束の3Dベクトル計算の正しさ
- シェーダー／レンダリングループの実装（Points・BufferGeometry・カスタムシェーダー等）
- 起動エラーの有無（CDN読み込み・リサイズ対応）
評価ポイント
- ビジュアルの美しさ
- 数式曲面の独創性
- 動きの気持ちよさ
- 作品としての完成度
登録済みの成果物（2件）
| モデル | effort | 生成日 | プロンプト版 | |
|---|---|---|---|---|
| kimi-k3 | high | 2026-09-10 | v2 | 成果物を開く |
| claude-fable-5-1 | high | 2026-09-09 | v2 | 成果物を開く |
他の検証テーマ
- スイカゲーム風合体パズル （物理演算・衝突判定（2D））
- ピンボール （物理演算・衝突判定（2D））
- 特殊ルール付きリバーシ （ターン制・状態遷移）
- カードバトル （ターン制・状態遷移）
- SaaSアナリティクスダッシュボード （モダンUI・デザイン）
- グラスモフィズムLP（スクロール・ホバー演出） （インタラクション・演出）
- リアルタイム検索・ソート・CSV出力SPA （大量データ・テーブル操作）
- ノードベースのワークフローエディタ （2D幾何・ノード操作）
- 国家経営マルチエンディングシミュレータ （文脈維持・シナリオ設計）
- 楽観的UI＋リトライ付きチャット通信モジュール（TypeScript） （非同期・通信耐障害性）
- 配送トラック巡回問題 （独自制約・数理最適化）
- 変則ナップサック問題 （独自制約・数理最適化）
- 複数ファイル構成のリポジトリへの新機能追加 （マルチファイル・既存改修）
- 法規制・規約に準拠した業務フロー＋DB設計 （ドメイン知識・仕様整合性）