threejs の練習サイトを作ってみた。
三次元日誌(js)
https://ousttrue.github.io/threets/
ladle を中心に組んでいる。
Ladle | Ladle
Ladle documentation
https://ladle.dev/
tsx で three.js しつつ、 markdown メモ書きするにはちょうどいいかなーという。
なので three.js と言いつつ、それの react wrapper を使っている。
docs.pmnd.rs
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
@storybook/cli - Storybook
https://drei.pmnd.rs/?path=/docs/staging-accumulativeshadows—docs
ladle も r3f(react three fiber) も癖があり更に leva も組み合わせた時に問題が起きる場合がある。 React と Three.js 組み合わせるときのパターンみたになのを体得できるとスケールするかもしれない。部品の粒度が大きいとも言う。
svelte でも準備していたのだが、なんとなく ladle + r3f に落ち着いた? histoire + threlte もやるかもしれない。