Three.jsの実験(Diceroll)

[TOMOQ1024]

WebGLより気軽にできそうな環境で，3DCGに慣れておきたい

https://qiita.com/TK-C/items/1a7ce969333284f57079

[TOMOQ1024]

かっこいいページ遷移に使えるらしいので，それも試しておきたい

https://qiita.com/arrow2nd/items/b16385cf22c567fbbf33

[TOMOQ1024]

3DCGでダイスロール再現したくなったので，これをThree.jsで実装しようと思う．ページ名はdiceroll．

[TOMOQ1024]

やるべきこと・やりたいことリスト

• [x] 6面以外のダイス追加
• [x] UIの実装 → 詳細は後述
• [x] ダイスの深度テスト

UIの実装内容

• [x] ロールボタン
• [ ] 何個ロールするかの入力
• [ ] 何面のダイスをロールするかの選択
• [ ] 出目の表示
• [x] プリセットとして1d6や3d6などが 1 クリックで実行できるようにする

描画に関わるイベントハンドル

• [ ] スクロール：カメラの前後位置
• [ ] マウスドラッグ：y 軸を中心とするカメラの回転

[TOMOQ1024]

• [x] Blenderでのコリジョンの設定がCANNON.Bodyにも利用できないか調査する