Javascript ThreeJS:如何弯曲二维形状?
假设我制作一个简单的形状,如下所示:Javascript ThreeJS:如何弯曲二维形状?,javascript,three.js,Javascript,Three.js,假设我制作一个简单的形状,如下所示: var Shape = new THREE.Shape(); Shape.lineTo(0, 4); Shape.lineTo(4, 4); Shape.lineTo(4, 0); Shape.lineTo(0, 0); 有没有办法弯曲它,使它成为一个平的正方形而不是弯曲的?想象一下桌子上放着一张正方形的纸。如果你抬起一端,它仍然是一张正方形的纸,但它已经弯曲,这就是我想要的效果。你考虑过在3D模型中加载而不是在2D中模拟它吗?特别是对于你提供的形状,它只
var Shape = new THREE.Shape();
Shape.lineTo(0, 4);
Shape.lineTo(4, 4);
Shape.lineTo(4, 0);
Shape.lineTo(0, 0);
有没有办法弯曲它,使它成为一个平的正方形而不是弯曲的?想象一下桌子上放着一张正方形的纸。如果你抬起一端,它仍然是一张正方形的纸,但它已经弯曲,这就是我想要的效果。你考虑过在3D模型中加载而不是在2D中模拟它吗?特别是对于你提供的形状,它只是一个简单的平面,所以你可以使用
THREE.PlaneGeometry()
/THREE.PlaneBufferGeometry())
具有一定数量的宽度和高度段,因此您可以根据自己的意愿弯曲它。像这样?对谢谢:-)