最近接触了web3d相关知识，特别觉得《大帅老元》和《胖达老师》带我入门！今天就来给大家讲讲我的模特故事吧！顺便教大家一起实现造型自由！1.首先下载一个叫Blender的免费软件。你知道你为什么使用它吗？因为它是免费的！！！作为一个嫖客，哪有免费的东西哈哈！2.创建一个新的免费文件。刚建好是这样的：虽然给我们预置了一个立方体，一个摄像头，一个灯，但我们就是不去用。哎，我们右上角右击给它删除。然后我们点击左上角的Add->Mesh->Cylinder，然后我们新建一个圆柱体，切换到变换选项，开始我们的机箱搭建操作！！！拖成平面形状，然后按TAB键（或者左上角改成编辑模式），然后选中顶面，如下图，然后按住Ctrl+B，拖动鼠标，向内挤压！向内挤压，然后选中曲面，右击挤压曲面，向下挤压，总之就是挤压！然后挤压直到我们得到一个挖空的圆形区域！这是我们的元宇宙机箱！！哦不对，没有门，打开我们的编辑模式，选择门口的几堵墙，删掉！删除了，却感觉空空如也！算了，还是缝合吧。长得不丑就选左边，右键，挤出边线！左上角切换到顶点模式，选中我们正在挤出的曲面未对齐的顶点，然后按住shift选中要对齐的点，右键，mergevertices->tothelastselectedpoint，重复此操作下点，对面重复挤压操作！好的！加油，网站搭建好了！3、左上角添加文字->添加->刚刚添加的文字，看起来是这样的。默认是英文，英文肯定不适合。伟大的中国，换成中国人吧！这种风格是中国风，别问我为什么，我不知道。...选择其中之一！然后选择文本并按Tab键键入！有没有发现输入法不能输入的问题，为什么，我也不知道，不过你只要在别的地方输入，然后复制就OK了！然后拖上去设置，我们一定要立体的！对了，右击调整挤压！更立体！完美的！4.放大屏很简单，在左上角添加一个surface，拖到你想放的位置，就大功告成了！五、放到我们的Threejs中！左上角->文件->导出->glb格式代码导入：import*asTHREEfrom'three'；从“three/examples/jsm/controls/OrbitControls”导入{OrbitControls}；从“三个/示例/jsm/loaders/GLTFLoader”导入{GLTFLoader}；从'three/examples/jsm/loaders/RGBELoader'导入{RGBELoader}；让搅拌机；constscene=newTHREE.Scene();constcamera=newTHREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,0.01,100);constrenderer=newTHREE.WebGLRenderer({antialias:true});renderer.setSize(window.innerWidth,window.innerHeight);document.body.appendChild(renderer.domElement);camera.position.set(5,10,25);constcontrols=newOrbitControls(camera,renderer.domElement);scene.background=newTHREE.Color(0.2,0.2,0.2);constdirectionLight=newTHREE.DirectionalLight(0xffffff,0.4);scene.add（方向灯）；newGLTFLoader().load('../resources/models/ShiLi.glb',(gltf)=>{scene.add(gltf.scene);gltf.scene.traverse((child)=>{if(child.name==='大帅'){constvideo=document.createElement('video');video.src="./resources/yanhua.mp4";video.muted=true;video.autoplay="autoplay";video.loop=true;video.play();constvideoTexture=newTHREE.VideoTexture(video);constvideoMaterial=newTHREE.MeshBasicMaterial({map:videoTexture});child.material=videoMaterial;}if(child.name==='平面'){constvideo=document.createElement('video');video.src="./resources/video01.mp4";video.muted=true;video.autoplay="autoplay";video.loop=true;video.play();constvideoTexture=newTHREE.VideoTexture(video);constvideoMmaterial=newTHREE.MeshBasicMaterial({map:videoTexture});child.material=videoMaterial;}})mixer=newTHREE.AnimationMixer(gltf.scene);constclips=gltf.animations;//播放所有动画clips.forEach(function(clip){constaction=mixer.clipAction(clip);action.loop=THREE.LoopOnce;action.clampWhenFinished=true;action.play();});})newRGBELoader().load('../resources/sky.hdr',function(texture){texture.mapping=THREE.EquirectangularReflectionMapping;scene.environment=texture;renderer.outputEncoding=THREE.sRGBEncoding;renderer.render(scene,相机）;}）;函数动画（）{requestAnimationFrame（动画）;renderer.render（场景，相机）；控制.更新（）；如果（混音器）{mixer.update(0.02);}}动画（）；作用：加入我猿创造营（v：dashhuailaoyuan），一起交流学习
