Three.js in React.js - Qiita

react-three-rendererを使うことで、Three.jsのオブジェクトをJSXの中でコンポーネントとして記述することができます。 Example (w/redux) scene, camera, meshなどThree.jsのオブジェクトがcomponentとして提供されていて、通常のReactComponent同様にsetStateで描画が更新されます。アニメーション処理はonAnimate内に記述します。 import React from 'react'; import React3 from 'react-three-renderer'; import { connect } from 'react-redux' import * as THREE from 'three'; import { fetchTexture } from '../actions/textu