threejs加载3D模型例子

最新推荐文章于 2024-05-24 09:47:11 发布

目尽地平线

最新推荐文章于 2024-05-24 09:47:11 发布

阅读量3.1w

点赞数 1

分类专栏：前端 threejs three.js基础教程文章标签： threejs collada loader

本文链接：https://blog.csdn.net/ruangong1203/article/details/56016305

版权

本文介绍如何利用threejs的ColladaLoader加载3D模型。Collada是一种3D模型交换格式，加载完成后，模型会被添加到场景中。加载过程是异步的，需在渲染循环中处理。示例代码展示了加载模型并显示的完整流程。

摘要由CSDN通过智能技术生成

加载3D模型

首先要引入ColladaLoader加载器，Collada是一个3D模型交换方案，即不同的3D模型可以通过Collada进行相互转换，言外之意，threejs可以使用Collada将3D模型的数据转换成自己支持的格式，从而在浏览器上渲染出来。引入ColladaLoader如下：

<script src="http://threejs.outsidelook.cn/r89/source/examples/js/loaders/ColladaLoader.js"></script>

然后使用ColladaLoader的Load方法加载模型，然后使用onLoad回调函数在模型加载完成之后将模型添加到场景中。onLoad函数会接受到一个包含了所加载的资源的对象，这个对象的结构如下：

对于这个对象中具体包含了哪些东西，暂时不用全部弄明白。但是我们看到了上面有一个scene，在threejs中，scene是场景，是包含所有可视部件的容器，我们要做的就是（1ÿ

关注