three.js的基础使用_IT百科

1、npm 引入（需安装npm, 安装three, 不需要单独引入loader等）。

2、通过外部cdn链接直接引入（直接html起步，简单一把梭，需单独引入loader, model, controls等）。

1、创建场景

2、可以设置background和environment.

3、接下来所有的object都需要添加在scene中。

1、相机类型有

2、创建相机

1、创建渲染器

2、放入场景和相机，并挂载到HTML上。

1、three.js中有很多元素可以添加，比如Line,Geometry, Helper, light ,还可以引入图片或者模型model(需要loader).

1、

2、

1、主体script需添加type="module", 不然不起作用。

2、要在html里直接使用three.js，需要添加importmap

3、安装live preview扩展，创建本地服务器，解决跨域问题。

1.在HTML的<head>标签中加入代码<script type="text/javascript" src="three.js"></script>

注意一下，只有当你要导入的html文件和three.js文件在一个目录下的时候才这样写。

，

不然要根据实际情况写。如果是用Dreamweaver软件编写时可以直接浏览目录的。

希望我的回答对你有帮助！

欢迎分享，转载请注明来源：内存溢出

three.js的基础使用