当前位置: 首页 > Web前端 > JavaScript

ThreeJS是一盘神奇的甜甜圈-帅哥老猿threejs特训

时间:2023-03-27 13:46:08 JavaScript

开启魔镜谁写的代码最好,最差的是你,最好的不知道。....恍惚间,我进入了梦境。一开始,Blender砰的一声掉了一些甜甜圈超过两米,大喊快点完成任务,不然下个掉头就在材质处理上了。我失去了它。哪个进程有错误?并且,在我期待的时候,我成功地控制了来自外星人的甜甜圈。看着甜甜圈,好像是可以吃的。现场气氛依旧不减。没有香槟,我也没有烛光。甜甜圈正在建设中。在场景中添加一束光,照亮不起眼的床constdirectionLight=newTHREE.DirectionalLight(0xffffff,0.4);scene.add(directionLight);甜甜圈来吧,站在镜头前,我给你一个剪辑特写镜头GLTFLoader押注在一个奇怪的甜甜圈上constscene=newTHREE.Scene();constcamera=newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.01,10);constrenderer=newTHREE.WebGLRenderer({antialias:true});renderer.setSize(window.innerWidth,window.innerHeight);document.body.appendChild(renderer.domElement);camera.position.set(0.3,0.3,0.5));constcontrols=newOrbitControls(camera,renderer.domElement);newGLTFLoader().load('../resources/models/donuts.glb',(gltf)=>{console.log(gltf);scene.add(gltf.scene);donuts=gltf.scene;//gltf.scene.traverse((child)=>{//console.log(child.name);//})mixer=newTHREE.AnimationMixer(gltf。场景);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){scene.background=texture;texture.mapping=THREE.EquirectangularReflectionMapping;scene.environment=texture;渲染器。outputEncoding=THREE.sRGBEncoding;renderer.render(scene,camera);});![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d7938bd3127f467f9c3e50fe70cc0f01~tplv-k3u1fbpfcp-watermark.image?)甜甜圈还在不停的往下掉,循环洗脑吧,我不爽就打不过我functionanimate(){requestAnimationFrame(animate);renderer.render(场景,相机);控制.更新();如果(甜甜圈){donuts.rotation.y+=0.01;}if(mixer){mixer.update(0.02);}}动画();本次Dreaming正在补码,欢迎大家一起相约Threejs,一起交流学习