threejs の練習サイトを作ってみた。

https://ousttrue.github.io/threets/

ladle を中心に組んでいる。

https://ladle.dev/

tsx で three.js しつつ、 markdown メモ書きするにはちょうどいいかなーという。

なので three.js と言いつつ、それの react wrapper を使っている。

https://docs.pmnd.rs/react-three-fiber/getting-started/introduction

https://drei.pmnd.rs/?path=/docs/staging-accumulativeshadows--docs

ladle も r3f(react three fiber) も癖があり更に leva も組み合わせた時に問題が起きる場合がある。 React と Three.js 組み合わせるときのパターンみたになのを体得できるとスケールするかもしれない。部品の粒度が大きいとも言う。

svelte でも準備していたのだが、なんとなく ladle + r3f に落ち着いた？ histoire + threlte もやるかもしれない。