three.js实现3D模型

案例完成过程中，遇见问题，可以从网站https://discourse.threejs.org查询解决办法

（一）成功案例一

1.效果图

2.代码如下

（二）将案例一进行部分修改

(三)下载react-three-demo的代码，进行预览查看和修改

代码下载网址：https://github.com/poshaughnessy/react-three-demo

在iTerm中依次输入如下命令行

git clone https://github.com/poshaughnessy/react-three-demo.git

cd react-three-demo/

npm install

npm install -g gulp

输入上面的命令行后出现报错

赋予其权限

sudo npm install -g gulp

gulp serve

然后到localhost:8000打开即可看到效果

（四）将案例二修改之后，放入react.js文件内

效果图如下

代码文件夹放置如下

代码下载地址：https://download.csdn.net/download/qq_37815596/10902476