Question

我想将多维数据集放在矩形/方形网格中。我无法尝试创建一些方法，这取决于我通过HTML表单输入（复选框）选择它以使其在预先安排的网格中从左到右和上下排列，一系列立方体，都在同一个平面上

哪些测量单位是three.js？现在，我正在使用内置几何图形设置我的形状。

var planeGeometry = new THREE.PlaneGeometry（4,1,1,1）;

4和1;虽然我确实看到它呈现出来，但我不确定它的像素是多少。我每次都要求眼球（猜测和检查）以使它看起来可以接受。

Answer 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);

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

1 个答案: