Threejs贴图材质翻转问题 |
您所在的位置：网站首页 › 镜像翻转的图片文字后模糊了 › Threejs贴图材质翻转问题 |
Threejs贴图材质翻转问题
|
我们导入一个模型重新赋值一个材质图片，会出现材质翻转问题，如图
这是因为材质贴图默认是上下翻转的，需要false即可，代码如下： 上下翻转： texture.flipY = false //默认是true完整代码如下： var textureLoader = new THREE.TextureLoader(); new THREE.GLTFLoader().load("./models/box.glb", result => { var model = result.scene; model.position.set(0,0,0) model.traverse( function ( child ) { // console.log(child) if ( child.isMesh) { var texture = textureLoader.load( "../images/texture/left4.jpg" ); texture.repeat.set( 1,1 ); texture.flipY = false //默认是true if(child.name == '前面屏'){ child.material = new THREE.MeshBasicMaterial({ map:texture}) } } } ); scene.add(model) }）设置后效果图下图：
|
【本文地址】
公司简介
联系我们
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |