Three.js-在网格中排列立方体

Three.js-在网格中排列立方体,three.js,Three.js,我想将立方体放置在矩形/方形网格中。我很难根据我通过HTML表单输入(复选框)选择的内容来创建一些方法,使其在预先安排的网格中从左到右、从上到下排列一系列立方体,所有这些立方体都在同一平面上 three.js的测量单位是多少?现在,我正在使用内置的几何设置我的形状,例如 var planeGeometry=新的三个平面几何体(4,1,1,1) 第4和第1条;虽然我确实看到它被渲染过,但我不确定它的像素值是多少。我每次都会用眼睛看它(猜测和检查),这样它看起来可以接受。如果没有一点额外的数学知识,

我想将立方体放置在矩形/方形网格中。我很难根据我通过HTML表单输入(复选框)选择的内容来创建一些方法,使其在预先安排的网格中从左到右、从上到下排列一系列立方体,所有这些立方体都在同一平面上

three.js的测量单位是多少?现在,我正在使用内置的几何设置我的形状,例如

var planeGeometry=新的三个平面几何体(4,1,1,1)


第4和第1条;虽然我确实看到它被渲染过,但我不确定它的像素值是多少。我每次都会用眼睛看它(猜测和检查),这样它看起来可以接受。

如果没有一点额外的数学知识,三不是用像素来衡量的

要制作一个简单的网格(我将优化、颜色等留给以后的改进),请尝试以下方法:

var hCount = from_my_web_form('horiz'),
    vCount = from_my_web_form('vert'),
    size = 1,
    spacing = 1.3;
var grid = new THREE.Object3d(); // just to hold them all together
for (var h=0; h<hCount; h+=1) {
    for (var v=0; v<vCount; v+=1) {
        var box = new THREE.Mesh(new THREE.BoxGeometry(size,size,size),
                      new THREE.MeshBasicMaterial());
        box.position.x = (h-hCount/2) * spacing;
        box.position.y = (v-vCount/2) * spacing;
        grid.add(box);
    }
}
scene.add(grid);
var hCount=来自我的网页表单('horiz'),
vCount=从我的web表单(“垂直”),
尺寸=1,
间距=1.3;
var grid=new THREE.Object3d();//只是为了把他们团结在一起

for(var h=0;three.js中的hunits是您想要的。取决于您如何设计应用程序。它们可以是英寸或英里。