在一个方向上缩放几何体，顶部作为三个参考

Question

我正在尝试使用滑块事件缩放THREE.PlaneGeometry。实际上我正在尝试实施一个窗帘。当我尝试相对于处理程序更改几何体的比例时，盲区在两侧均匀地缩放。它应固定在顶部并按一个方向缩放。我尝试改变网格原点的坐标，并通过差异来翻译网格。但它不起作用。缩放始终从原点开始，并且平面几何在任何一侧都会增长。

我是怎么想让它只在一边扩展的？

Answer 1

您需要翻译几何体，使顶边穿过原点。

var geometry = new THREE.PlaneGeometry( 10, 10 );
geometry.applyMatrix( new THREE.Matrix4().makeTranslation( 0, - 10 / 2, 0 ) );

现在，当您缩放网格时，顶部将保持固定。

编辑：现在有一种可以使用的内置方法：

geometry.translate( 0, - 10 / 2, 0 );

three.js r.85