反应三纤维：旋转四面体“面朝下”

Question

我正在尝试旋转四面体，以使它们的一侧朝下放置，就像将它们放置在地板上的物理对象一样。

I expected this SO answer to solve my problem

通过为四面体赋予applyMatrix属性来应用可接受的答案后，我的代码如下：

TIME                open    high    low     close       
2019-10-31 09:15:00 235.70  236.50  233.40  234.00
2019-10-31 11:15:00 234.00  235.75  233.65  235.70
2019-10-31 13:15:00 235.75  236.15  227.10  227.45
2019-10-31 15:15:00 227.50  228.00  227.05  227.70
2019-11-01 09:15:00 227.70  233.05  227.50  232.20
2019-11-01 11:15:00 232.20  233.50  231.05  231.70
2019-11-01 13:15:00 231.70  236.45  231.40  235.35

但是，我的四面体的旋转没有变化。我在做什么错了？

这是我当前的代码：fiddle

Answer 1

applyMatrix是一个函数。您正在用矩阵覆盖它。本质上，您正在这样做：

const geom = new THREE.TetrahedronGeometry()
geom.applyMatrix = new THREE.Matrix4() 

在网格或几何体上放置参考，然后使用useLayoutEffect调用该函数。