React で Three.js を扱うためのライブラリ、 @react-three/fiber で、タイトル通りのことをしたい場合の話。 r3f.docs.pmnd.rs 例えば、画面を4分割して4種類の 3D モデルを同じ角度から比較したい、などと言ったときに使える、複数の Canvas 間で OrbitCon…

Mackerel とは別のチームで働いているわたしです。 今回は最近 Mackerel が OpenTelemetry のトレーシングにも対応した様子なので、 Next.js on Vercel でもやってみよう！というメモ書き記事です。 mackerel.io ということで、まずは OpenTelemetry 関連の…

Three.js 系列 (three / @react-three/fiber) で、例えば直接サポートされていない圧縮形式のリモートファイルをダウンロードして表示したい、みたいなケースがある。 そういうときは、 ArrayBuffer を経由して以下のようにすると、 3D モデルを上手いこと表…