WeiHan_Seven的博客

在上一篇小程序使用threejs第四篇—加载3D模型中我们介绍了threejs加载几种3D模型，包括gltf、obj、glb等格式。但好像一直没有用的场景，最直观的场景应该是室内效果了。解决思路室内效果图一般用到一种.hdr格式的文件，这种文件可以在PolyHaven这个网站下载到，这样素材的问题我们就解决了；由于这种格式的文件较大，放在小程序里不太现实，所以有自己服务器的可以把它放在服务器，没有的也没事，微信云开发给我们提供了很大的方便，传到云存储，用的时候把fileID换成临时下载路径是很完美

外部3D模型格式很多，常用的有gltf、obj、glb等，但是也没有形成类似于2d图片jpg、png这样具有统一标准的规模，同时目前好像没有一个通用的加载器可以兼容所有的，所以也带来一些总觉得乱七八糟的困扰。所以我们这里也就简单介绍一下。

在上一篇[小程序使用threejs第二篇—立方体展示并自动旋转与手势旋转](https://blog.youkuaiyun.com/WeiHan_Seven/article/details/104493821)中，我们还遗留了一个小问题，就是展示的立方体如何随手势旋转缩放，当我们处理了这个问题，接下来介绍几种几何模型，大家可以试着把他们添加到场景下再渲染出来...

在上一篇[小程序使用threejs第一篇——安装](https://blog.youkuaiyun.com/WeiHan_Seven/article/details/104472261)中，除了说明了threejs在小程序中如何构建，还附带了一个小小的示例——一个旋转的正方体，接下来我们先花一点点时间通过示例代码了解一下发生了什么？且看代码注释

Three.js 小程序 WebGL 的适配版本（threejs-miniprogram）已经发布很久了，我也好奇了很久，终于有时间去学习研究一下，不对的地方欢迎指正。