r3f but not React
Computer Graphics Ninja にとってThree.jsではつらいことがたくさんあります。
まずひとつに、memoryを抑えるため、使いおわったあとは .dispose()
するので、
全ての変数をあつめる必要があります。(他にも trackをつかう方法 があります。)
また、毎frameの処理を一か所に集める 必要があることです。
ThreeController test - CodeSandbox
Computer Graphics Ninja にとってThree.jsではつらいことがたくさんあります。
まずひとつに、memoryを抑えるため、使いおわったあとは .dispose()
するので、
全ての変数をあつめる必要があります。(他にも trackをつかう方法 があります。)
また、毎frameの処理を一か所に集める 必要があることです。
ThreeController test - CodeSandbox
Three.jsで、指定したカメラから見た光景を、Texture
にするMaterial
です。
また、ProjectedMaterial
では、envMap
なども指定できたりします。
一つ注意なのが、project()
を一度実行する必要があります。
THREE.js
は WebGL
を用いて3D表現ができるライブラリです。
従来の js
だと大規模なアプリになると予期しないことが多く起こるので、
view
に特化した React
のライフサイクル上で安全に構築します。