Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ThreeJS:如何弯曲二维形状?_Javascript_Three.js - Fatal编程技术网

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())
具有一定数量的宽度和高度段,因此您可以根据自己的意愿弯曲它。像这样?对谢谢:-)