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 もやるかもしれない。