threejs更新BufferGeometry的uv点位

在使用shape生成面，或者再拉升时，如果使用贴图就会不正常显示；经过查找了解到大多数解决方案都是针对Geometry的uv更新，所以在论坛查找方法自己处理了一个方法意外解决了这个问题，但拉升成体时Z轴的更新出现了问题。。。还需要继续研究

reMapUv(obj) {// geometry.computeBoundingBox();// console.log(geometry);let temp=new THREE.Group()temp.add(obj.clone())let box = new THREE.Box3().setFromObject(temp)var max = box.max,min = box.min;var offset = new THREE.Vector3(0 - min.x, 0 - min.y, 0 - min.z);var range = new THREE.Vector3(max.x - min.x, max.y - min.y, max.z - min.z);var uvAttribute = obj.geometry.attributes.uv;for ( var i = 0; i < uvAttribute.count; i ++ ) {var u = uvAttribute.getX( i );var v = uvAttribute.getY( i );var z = uvAttribute.getZ( i );// do something with uvu=(u+offset.x)/range.xv=(v+offset.y)/range.y// something error// z=(z+offset.z)/range.zz=(z+offset.y)/range.y// write values back to attributeuvAttribute.setXYZ( i, u, v, z);// uvAttribute.setZ(i,z)}uvAttribute.needsUpdate = true;}

threejs更新BufferGeometry的uv点位相关推荐

threejs中bufferGeometry合并几何体实现
效果图在项目中升级threejs版本,原版本中用到了Geometry.merge()方法.升级后的threejs删除了Geometry相关类,转而使用BufferGeometry实现生成几何体.Bu ...
【ThreeJS基础教程】0.在学习使用ThreeJS之前
[ThreeJS基础教程]0.在学习使用ThreeJS之前什么人适合学习ThreeJS 什么人不建议学习ThreeJS或学起来比较累了解ThreeJS ThreeJS文档在哪关于<Thre ...
Three.js光照贴图添加阴影(·lightMap)
Three.js光照贴图添加阴影(·lightMap) 本文是Three.js电子书的8.7节在三维场景中有时候需要设置模型的阴影,也就是阴影贴图或者说光照贴图·lightMap,一般Threejs ...
Laya自动图集原理
关于Laya自动图集 Laya会把size小于512*512的图片打入自动大图集中.如果图片被打入自动图集中,图片的内存就交由Laya自动处理,开发者不能手动删除. Laya最多生成6张2048*20 ...
YUV422(UYVY)转RGB565源代码及其讲解.md
目录前言源码代码分析 YUV三个分量的关系循环遍历结束语前言使用zmm220核心板,IFACE102版本的内核等,4300型号的LCD,XC7011_SC1145摄像头,亲测有效. 本文 ...
Unity UGUI图文混排源码--优化版
前言因为有不少同学反应在使用图文混排的时候,出现很大的性能问题,导致画面帧率不稳定,甚至极低.博主对此非常抱歉,当时仅凭兴趣,在一个个功能上不断叠加,几乎没有考虑到性能的优化.这次有几天的空余时间, ...
看得见的数据结构Android版之数组表(视图篇)
零.前言: 1.本文的姊妹篇:看得见的数据结构Android版之表的数组实现(数据结构篇) 2.希望你可以和我在Github一同见证:DS4Android的诞生与成长,欢迎star 3.激动人心的时刻 ...
看得见的数据结构Android版之表的数组实现(视图篇)
数据结构-表.png 零.前言: 1.本文的姊妹篇:看得见的数据结构Android版之表的数组实现(数据结构篇) 2.希望你可以和我在Github一同见证:DS4Android的诞生与成长,欢迎sta ...
复杂网络多局域世界模型matlab算法实现
3.12多局域世界模型 3.12.1 多局域世界模型的构造方法 (1) 以概率p增加一个拥有m0个节点,e0条边的局域世界,代码如下: (2)选定一个已存在的局域世界,以概率q将一个新节点,以给定概率 ...

threejs更新BufferGeometry的uv点位

threejs更新BufferGeometry的uv点位相关推荐

最新文章

热门文章