はじめに

Windows11
Nodejs18.15.0

１日１件記事を書こうと思っていた時代が僕にもありました。
最近さぼりがちです。

今日はSougenでUtsubo社で有名なRenaudさんのリソースである新しくなったreact-three-nextを使ってみようと思います。

成果物
[Vercel]
https://shoslabo.vercel.app/
[Github]
https://github.com/foasho/shoslabo

やってくで～

yarn create r3f-app next sample -ts
yarn run dev

なかなかかわいい。

ちょうどR3Fの遊び場が欲しいと思ったので
Vercelでホスティングして、しぇいだーでゴリゴリあそんでみます。

あぁ、ちなみにデフォルトtsエラーが多くあるので、各自{/** @ts-ignore **/}いれるなりしないとビルド失敗しますよ。
Vercelが素晴らしすぎる。最近思考停止でGithubPushしてます。

前まではNextのWindowsのバグがあったのですが、
13.4のアプデでなくなりましたね。よかったです。

シェーダの読み込みもできるし、
シーンの差し替えも１つのCanvasを利用して遷移と再利用しているのでパフォーマンスが素晴らしいですね。

Webサイトで活用するようなスクロールの処理もデフォルトで利用できるのはいいですね。

次はR3Fの遊びついでにシェーダでいろいろ書いてみます。

では。