1. 首页
  2. three.js

three.js如何改变规模

three.jsn大家好,n我正在marker上制作3D模型。我已成功地将模型放置在标记上,但当我尝试使用以下内容进行缩放时:nobject.scale.set(这个州.x,这个州.y,这个州.z);n实际上我正在使用ReactJs,所以我把滑块放在那里,滑块更改时,比例应更改。n我的状态正在更改,但如何渲染对象,使更改(比例更改)反映在对象上。n如果比例更改,我希望渲染整个画布。不知道如何渲染画布或对象。n在高级中感谢您有一些代码要显示吗?n是否有渲染循环?nfunction loop() {requestAnimationFrame(loop)renderer.render(scene, camera)}n您还可以使用obj.updateMatrix()n这里是一个如何更新>常数>如果(this.props.uploadedThreeDModel){n常数>material.fileNamen.split(“.”n.pop()n.toLowerCase()==this.props.uploadedThreeDModel.textures;for==true;});}//对于多个mtl文件===new==1?20 : this.state.iacContentObject.scale.x,this.state.iacContentObject.scale.y==1?20 : this.state.iacContentObject.scale.y,this.state.iacContentObject.scale.z==1?20:>n};n这是我上传OBJLoader和MTLLoader的代码。n然后我将使用滑块更改缩放值,然后在对象中设置该缩放。n并尝试渲染对象。但是3D模型不会改变。Sujan\\u Patel:nnewMesh.scale.set( this.state.iacContentObject.scale.x==1?20 : this.state.iacContentObject.scale.x,this.state.iacContentObject.scale.y==1?20 : this.state.iacContentObject.scale.y,this.state.iacContentObject.scale.z==1?20 : this.state.iacContentObject.scale.z);n此代码仅在加载模型后运行一次。据我所知,您正在加载模型(在这里它触发一次),然后使用滑块设置缩放值?您需要在函数中包含此代码,以便在触发滑块事件时调用。n@Fluqzn是的,我还尝试将此代码片段放入函数中,该函数将在滑块更改时执行。n但三维模型比例未渲染或>这是我的国家(n{n…这个州,niacContentObject:{n…this.state.iacContentObject,ncontentSizeSliderValue:>这个是.newMesh.scale.set(nthis.state.iacContentObject.scale.x==1?20 : this.state.iacContentObject.scale.x,nthis.state.iacContentObject.scale.y==1?20 : this.state.iacContentObject.scale.y,nthis.state.iacContentObject.scale.z==1?20 : this.state.iacContentObject.scale.zn);n//这个是renderCanvas();n/此为.render.render(这一幕, 这是照相机)n}n);n}n How to change scalen

three.js如何改变规模 为WP2原创文章,链接:https://www.wp2.cn/three-js/three-js%e5%a6%82%e4%bd%95%e6%94%b9%e5%8f%98%e8%a7%84%e6%a8%a1/