React モデルの読み込み【drei,fiber】
モデルの読み込みはfiberだけでもできますが、dreiを使うとさらに簡単に読み込めます。ファイルの場所publicファイル・・・静的ファイルとしてアクセスしたいときsrcファイル・・・Webpackの管理下でファイルを扱いたいときpubl...
2024-10
React React react three drei
React Three Drei（drei）は、React Three Fiberと一緒に使われる便利なユーティリティライブラリです。Dreiは、3Dシーンの作成を簡素化し、よく使われるコンポーネントやヘルパー関数を提供します。React ...
React 【React】React Three fiber を使ってアニメーションを実装する
webでアニメーションを実装したい場合の一つの手段として、今回はReact Three fiberを使ってReactでThree.jsのように３Dアニメを実装する方法をメモしておきます。(※環境構築は解説していません)今回はアニメーションさ...
React 【React】React Three Fiber基礎
ReactでThreeが使えると知りやってみたときのメモ。Three.jsよりコンポーネント単位で書けて書きやすいと思うときもあります。簡単に書けるようなライブラリもたくさんあるし。インストールnpm install three @type...
blender 【Three.js】テクスチャー付きモデルexport:BlenderからThree.jsへ
blenderで作ったモデルをThree.jsで表示させたいとなったとき、Exportする形式を模索。glbファイル形式three.jsではGLTFローダーを使うのが主流っぽく、gltfファイルとglbファイルを扱える。特にglbファイルは...
Three.js 【Three.js】基本的なセットアップ:ライトやモデルの読み込み等
プロジェクトを開いてThree.jsで簡単なオブジェクトを入れたり、ライトやモデル読み込みをするコードのメモ。(※環境構築はやっていません)Three.jsはSceneの準備のコーディングが結構大変なので、すっ飛ばしたい人向けです。解説もた...