cannon.js根据gltf的Mesh生成碰撞体

废柴小z

已于 2022-11-16 09:53:39 修改

阅读量943

点赞数 1

分类专栏： Three&webGL&laya&babylon&Unity 文章标签： javascript 前端开发语言

于 2022-11-16 09:51:30 首次发布

本文链接：https://blog.csdn.net/qq_34568700/article/details/127878838

版权

Three&webGL&laya&babylon&Unity 专栏收录该内容

47 篇文章 8 订阅

订阅专栏

gltfLoader.load('./models/saidao3/saidao.gltf',(trackObj) => {
            var track = trackObj.scene;
            scene.add(track);
            var trackMat = new CANNON.Material('track');
            track.traverse(item => {
                if (item.isMesh) {
                    item.material.wireframe = true;
                    let wTrack = new CANNON.Body({
                        mass: 0,
                        material: trackMat
                    });
                    const position = item.geometry.attributes.position;
                    const vertices = new Float32Array(position.count * 3);
                    for (let i = 0; i < position.count; i++) {
                        vertices[i * 3] = position.getX(i);
                        vertices[i * 3 + 1] = position.getY(i);
                        vertices[i * 3 + 2] = position.getZ(i);
                    }
                    let indices = item.geometry.index.array;
                    let wShape = new Trimesh(vertices,indices);
                    wTrack.addShape(wShape);
                    wTrack.position.copy(item.position);
                    wTrack.quaternion.copy(item.quaternion);
                    wWorld.addBody(wTrack);
                }
            })
    
        });