11、THree.js的gui图形库和加载全景图
1、three.js的gui图形库讲解
three.js是一个强大的JavaScript 3D库，它提供了GUI图形库，用于创建用户界面和交互控件。下面是一些基本的使用方法以及一个案例展示。
基本使用
首先，你需要将GUI库的JavaScript文件添加到你的HTML页面中。你可以在这里下载它：https://github.com/dataarts/dat.gui
gui详细文档讲解：https://github.com/dataarts/dat.gui/blob/master/API.md
详细使用案例一：（创建example/admingui.html文件）
浏览器显示效果——》
在这个案例中，使用了Dat.GUI库来创建GUI控件。首先，在创建GUI实例之前定义了一个cubeParams对象，其中包含用于控制立方体大小和颜色的属性。然后，通过gui.add()方法将这些属性添加到GUI界面中。在这里，添加了一个滑动条控制立方体的大小，以及一个颜色选择器控制立方体的颜色。当滑动条或颜色选择器的值发生变化时，回调函数将更新立方体的大小和颜色。
详细使用案例二：创建examples/admin16.html文件
注意问题：此时根据官方案例里面的这个进行二次编写webgl_loader_gltf_variants.html进行编写
浏览器先显示结果——》
2、THREE.EquirectangularReflectionMapping
表示纹理的映射模式。告知渲染器环境映射采用等距柱状投影格式。由于着色器仅支持非 PBR 的立方体贴图格式和 PBR 材质的立方体 UV 格式，因此必须转换等距柱状投影纹理才能进行渲染。这是由渲染器自动完成的。
详细文档讲解：https://threejs.org/docs/#api/zh/constants/Textures
https://discourse.threejs.org/t/equirectangular-reflection-mapping/42667
注意问题：全景图加载代码请参考上面案例，以及官方案例。
