Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.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 我将如何使用JS中的线条绘制长方体区域?_Javascript_Babylonjs - Fatal编程技术网

Javascript 我将如何使用JS中的线条绘制长方体区域?

Javascript 我将如何使用JS中的线条绘制长方体区域?,javascript,babylonjs,Javascript,Babylonjs,我试图在巴比伦JS项目的地板上用线创建一个长方体,我知道我需要为每个点创建一个向量,但我无法计算出标记点需要什么 posOne = new BABYLON.Vector3(10, 0, -100) posTwo = new BABYLON.Vector3(-100, 0, 10) posThree = new BABYLON.Vector3(100, 0, 10) posFour = new BABYLON.Vector3(10, 0, 100) const updatePath = () =

我试图在巴比伦JS项目的地板上用线创建一个长方体,我知道我需要为每个点创建一个向量,但我无法计算出标记点需要什么

posOne = new BABYLON.Vector3(10, 0, -100)
posTwo = new BABYLON.Vector3(-100, 0, 10)
posThree = new BABYLON.Vector3(100, 0, 10)
posFour = new BABYLON.Vector3(10, 0, 100)

const updatePath = () => {
    path = [];
    path.push(posOne);
    path.push(posTwo);
    path.push(posThree);
    path.push(posFour);
};

updatePath();
var linesMesh = BABYLON.Mesh.CreateLines("lines", path, scene, true);
到目前为止我已经知道了,但我似乎无法连接这些线或使它们形成一个正方形。我的数学真的很差,所以了解这背后的理论会很有趣

首先-游乐场:

要创建长方体,需要连接5个点(最后一个点与第一个点不同)。如果您希望它们处于相同的高度,y轴(正如您所理解的)应保持为0。那么,这完全是理解下一个点在哪里的问题


假设这个盒子应该有10个单位宽。“左上”核心是(-5,0,5),因为x是负的,z是正的。下一个点,右上角是(5,0,5)。从那里你“向下”(实际上是朝你)到(5,0,-5),最后到(-5,0,-5)。之后,只需添加第一个点即可完成方框。

啊,这太完美了!现在这很有道理,谢谢你!