Reactjs 如何使用三根光纤渲染金字塔形状？

最终目标是渲染在以下代码笔中创建的merkaba形状，但改用react three fiber

我正在努力获得哪怕是一个金字塔形状来渲染；下面的代码不会显示任何内容

我的最小起始代码在这里

import { Canvas } from "@react-three/fiber";

// attempting to duplicate
// https://codepen.io/alexpeach/pen/OOOpOZ?editors=0010

const Merkaba = () => {
  return (
    <mesh>
      <cylinderGeometry args={[0, 75, 100, 3]} />
      {/* <boxGeometry args={[1, 1, 1]} /> */}
      <meshBasicMaterial color="blue" />
    </mesh>
  );
};

export default function App() {
  return (
    <Canvas>
      <Merkaba />
    </Canvas>
  );
}

从“@react three/fiber”导入{Canvas}”；
//试图复制
// https://codepen.io/alexpeach/pen/OOOpOZ?editors=0010
常数Merkaba=（）=>{
返回(
{/*  */}
);
};
导出默认函数App（）{
返回(
);
}

--

取消对boxGeometry行的注释会使长方体呈现良好状态，因此我似乎缺少cylinderGeometry参数