THREE.JSで最高の魚の群れを作る.pdf

Transcript

1. THREE.JSで 最高の魚の群れを作りたい 2023.7.23 大野優剛
2. 自己紹介 名前：大野優剛(むらさき) 所属：早稲田大学 創造理工学部 4年 趣味：旅行、ジャグリング、ベース @YuugouOhno
3. THREE.JSとは？ 必須の3要素 objectの表示 objectの操作
4. 必須の3要素 scene camera renderer webページ
5. OBJECTの表示 geometry material mesh object
6. z x y lotation objectの操作 potision
7. TUTORIAL
8. 魚の群れが作りたい
9. BOIDSモデル 分離（SEPARATION） 整列（ALIGNMENT） 凝集（COHESION）
10. 分離 （SEPARATION） みんなから離れたい
11. 整列 （ALIGNMENT） みんなと同じ方向を向いていたい
12. 凝集 （COHESION） みんなに近づきたい
13. 魚っぽさの追加 進行方向を向く objectの変更 魚同士の距離に応じて速度への影響を変更 視界の追加
14. 捕食者を追加 目標物を追加 群れに干渉できるように パラメーターを画面上からいじれるように リアルな魚のモデルを追加 今後の アップデート
15. ぜひ魚の群れを作ってみてください