【Three.js+React】教程001:绘制简单的盒子

文章目录

  • React整合Three.js
    • 创建项目
    • 绘制一个简单的盒子
    • 添加坐标辅助器

React整合Three.js

React 中结合 Three.js 进行 3D 开发,可以使用 React + Three.js + @react-three/fiber 进行高效渲染,同时配合 @react-three/drei 提供的封装工具,让开发更加简洁。

创建项目

创建react项目:

npm init vite@latest

【Three.js+React】教程001:绘制简单的盒子_第1张图片

安装包@react-three/fiber @react-three/drei

npm install three @react-three/fiber @react-three/drei

你可能感兴趣的:(ThreeJs,three.js,react.js)