1.Metaverse简介Metaverse的概念是从英文名词metaverse翻译过来的。它的前缀“meta”意为“元”，词根“verse”代表宇宙（universe）。两者的结合就是“超越宇宙”，意为元宇宙，利用互联网、软件、区块链等多种技术，将现实与虚拟世界融合。苹果、微软、Facebook、华为等高科技公司对元宇宙有着不同的解读，让我们感到有些神秘，也有些模糊。我们学习了熊猫老师和大帅老师组织的Web3D培训，从Three.js和Blender的角度学习了元界入门。B站地址见胖达老师的培训视频https://space.bilibili.com/35...二、Three.js和Blender简介Three.js是一个基于原生WebGL封装的3D引擎，它使用javascript3D效果实现。为了真正借助three.js显示场景，需要scene、camera和renderer几个对象，这样才能通过camera来渲染场景。Three.js官网地址：https://threejs.org/。Blender可以在不同的平台上运行，安装后占用的空间非常小（与其他类似软件相比）。虽然它通常不支持文档或示例发行版，但它是功能极其丰富且主要是高端模块整形软件。Blender官网：https://www.blender.org/3.用Blender建模第一次用Blender感觉有点晕。我在3D坐标系中绘制图像。跟着庞大老师把Blender当成了展厅。我在使用Blender的过程中发现了Blender。制作3D图像非常方便，熟悉快捷键后制作3D图像的效率特别高。常用的快捷键有：A全选AA取消全选（按两次A）Shift+D复制对象（右键或ESC取消移动）Shift+鼠标中键移动视角鼠标滚轮推拉视角鼠标中键按住旋转视角G抓取移动S缩放缩放R旋转旋转模型图像如下：然后，使用“文件”-“导出”功能将模型导出为glTF文件。如果您需要其他Blender模型，可以在https://sketchfab.com/找到免费模型。4、使用Three.js实现3D动态效果Three.js场景三要素场景（scene）、相机（camera）和渲染器（renderer）是three.js展示的三个要素。constscene=newTHREE.Scene();//创建场景constcamera=newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000);//创建一个相机constrenderer=newTHREE.WebGLRenderer();//创建渲染器renderer.setSize(window.innerWidth,window.innerHeight);//设置渲染器大小document.body.appendChild(renderer.domElement);添加模型加载glf/glbmodelnewGLTFLoader().load('../resources/models/donuts.glb',(gltf)=>{scene.add(gltf.scene);}加载环境光HDRnewRGBELoader().load('../resources/sky.hdr',function(texture){texture.mapping=THREE.EquirectangularReflectionMapping;scene.environment=texture;renderer.outputEncoding=THREE.sRGBEncoding;renderer.render(scene,camera);初步了解Three.js和Blender的强大功能，但距离熟练使用还有很长的路要走，感谢熊猫老师在微信群的耐心指导。
