在空心圆柱体中添加物理的问题threeJS，AmmoJS

如何解决在空心圆柱体中添加物理的问题threeJS，AmmoJS

我对 ThreeJs 和 AmmoJs 的世界还很陌生，我不知道我的动作是完全错误还是遗漏了什么。

我使用自定义形状创建了一个带有三个 Js 的空心圆柱体

geometry.vertices = [
            new Vector3( 0,0 ),new Vector3( externalSide,new Vector3( externalSide - deltaLato,depth ),new Vector3( deltaLato,new Vector3( 0,this.params.height,depth )
        ];
        geometry.faces = [
            new Face3( 0,1,2 ),new Face3( 0,2,3 ),new Face3( 6,5,4),new Face3( 7,6,new Face3(6,7,3),new Face3(2,new Face3(5,0),new Face3(4,];

for (let i = 0; i < this.segments; i++) {
            variazioneRadiant += radiant;
            verticesResults = this.createvertices(
                originLatoMaggiore,originLatoMinore,variazioneRadiant,externalSide,internalSide,deltaLato,depth
            );
            geometry.vertices.push(...verticesResults.vertici);
            originLatoMaggiore = verticesResults.origineLatoMaggiore;
            originLatoMinore = verticesResults.origineLatoMinore;
            value = 8 * (i + 1);
            geometry.faces.push(
                new Face3(geometry.faces[0].a + value,geometry.faces[0].b + value,geometry.faces[0].c + value),new Face3(geometry.faces[1].a + value,geometry.faces[1].b + value,geometry.faces[1].c + value),new Face3(geometry.faces[2].a + value,geometry.faces[2].b + value,geometry.faces[2].c + value),new Face3(geometry.faces[3].a + value,geometry.faces[3].b + value,geometry.faces[3].c + value),new Face3(geometry.faces[4].a + value,geometry.faces[4].b + value,geometry.faces[4].c + value),new Face3(geometry.faces[5].a + value,geometry.faces[5].b + value,geometry.faces[5].c + value),new Face3(geometry.faces[6].a + value,geometry.faces[6].b + value,geometry.faces[6].c + value),new Face3(geometry.faces[7].a + value,geometry.faces[7].b + value,geometry.faces[7].c + value),);
        } 

more CODE 并使用 ammoJS 使用 btConvexHullShape 和 btCompoundShape 创建物理

vertices.forEach(vertice => {
            count++;
            myshape.addPoint(new Ammo.btVector3(vertice.x,vertice.y,vertice.z));
            if (count === 8) {
                transform = new Ammo.btTransform();
                transform.setIdentity();
                transform.setOrigin( new Ammo.btVector3( 0,0 ) );
                shape.addChildShape(transform,myshape);
                myshape = new Ammo.btConvexHullShape();
            }
        });

more cODE，但是出了点问题，我不知道如何使它起作用。

这是一个演示。

https://hollow-cylinder.web.app/home

有人可以帮我吗？

更新 (05/01/2021)

我像这样更新了 ammoJS 代码部分

const vec31 = new Ammo.btVector3(0,0);
const vec32 = new Ammo.btVector3(0,0);
const vec33 = new Ammo.btVector3(0,0);
const vertices = geometry.vertices;
geometry.faces.forEach(face => {
   triangles.push([
      { x: vertices[face.a].x,y: vertices[face.a].y,z: vertices[face.a].z },{ x: vertices[face.b].x,y: vertices[face.b].y,z: vertices[face.b].z },{ x: vertices[face.c].x,y: vertices[face.c].y,z: vertices[face.c].z }
   ]);
});

const shape = new Ammo.btConvexHullShape();
triangles.forEach(triangle => {
   vec31.setX(triangle[0].x);
   vec31.setY(triangle[0].y);
   vec31.setZ(triangle[0].z);
   shape.addPoint(vec31,true);
   vec32.setX(triangle[1].x);
   vec32.setY(triangle[1].y);
   vec32.setZ(triangle[1].z);
   shape.addPoint(vec31,true);
   vec33.setX(triangle[2].x);
   vec33.setY(triangle[2].y);
   vec33.setZ(triangle[2].z);
   shape.addPoint(vec31,true);
});

我从这个 question 找到了这个代码，但是这个解决方案似乎不太好用，气缸没有站立就掉到一侧。

更新 (11/01/2021)

感谢 yannick formthreeJS 论坛，我已经解决了这个问题。

此thread中的更多信息