RealityCapture の前のバージョンでちょっとなんか変に生成されてしまってたやつを 1.2 で再処理してみたらほぼ同じ手順でやり直したはずなのに全然きれいにできてしまった。まあ 1.2 にしてからいろいろ実験してパラメータ変更してたやつが残ってて影響した説はある。Three.js でよく使いそうな control まわりとか loader が全部 examples の下にあって import するときのパスに example って入ってしまって気分的にアレ。まあ昔っからなんだけど。いまさら MouseEvent.movementX なるプロパティがあることに気づいた。
Three.js で作ってたやつに UI が必要だなー内部の値も見れていじれるようにしないとなーやっぱ React かなーと探ってたら React-three-fiber というものを発見していやでもこれ Three.js を JSX で書けるようになるやつで探してた UI まわりのやつちゃうと思いつつもなんとなく気になってこれまで作ってたやつを React-three-fiber 方式で書き直してみたら意外とこの宣言的に全部つくってくの悪くないむしろコードでいろいろ new してくより楽…ってなった。まあ独特のクセがあるのでそれはそれでハマりそう。
React-three-fiber つづき。rotation に値設定してるのに謎にカメラの回転がリセットされるなーとおもってライブラリ側のコードを追っかけたら内部でカメラ生成時に lookAt していたせいだった。なんでや。データ管理周りを実装するのに Redux ってーのがあったなーとおもって調べたらいまどきは React Context なるものがあるのでそれでやっちまうほうが簡単っぽい。