threejs根据顶点计算UV,normal

a.prototype.getUVAndNormal = function(vertices){
        // vectices = [x,y,z,x,y,z,x,y,z...]三个数据为一个顶点
        // count 顶点数量
        let count = vertices.length/3, normals = [], uvs = []
        // 三个顶点构成一个三角形,组成三角网格
        for (let i = 0, max = count; i < max; i += 3){
            let index1 = 3*i, index2 = 3*(i+1), index3 = 3*(i+2);
            // 构造三角形的三个顶点坐标
            let vert1 = new Vector3(vertices[index1], vertices[index1+1],vertices[index1+2])
            let vert2 = new Vector3(vertices[index2], vertices[index2+1],vertices[index2+2])
            let vert3 = new Vector3(vertices[index3], vertices[index3+1],vertices[index3+2])
            let noraml = Vector3.Cross(
                new Vector3(vert2.x-vert1.x, vert2.y-vert1.y, vert2.z-vert1.z),
                new vector3(vert3.x-vert2.x, vert3.y-vert2.y, vert3.z-vert2.z)
               ).normalize();
            normals.push(noraml.x, noraml.y, noraml.z,noraml.x, noraml.y, noraml.z,noraml.x, noraml.y, noraml.z);
            if (Math.abs(noraml.x) > Math.abs(noraml.y) && Math.abs(noraml.x) > Math.abs(noraml.z)) {
                uvs.push(vert1.z, vert1.y, vert2.z, vert2.y, vert3.z, vert3.y);
            } else if (Math.abs(noraml.y) > Math.abs(noraml.x) && Math.abs(noraml.y) > Math.abs(noraml.z)) {
                uvs.push(vert1.x, vert1.z, vert2.x, vert2.z, vert3.x, vert3.z);
            } else {
                uvs.push(vert1.x, vert1.y, vert2.x, vert2.y, vert3.x, vert3.y);
            }
        }
        return {normals:normals, uvs:uvs}
};

得到了UV值就可以进行贴图了 

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值