Question

我的朋友和我正在为衬衫制作一个3D配置器，我认为如果他为我们拥有的每种类型的按钮创建一个新模型以使其看起来很动态，那将是最好的 - 就像我们创建的一样针对不同项圈的不同类型的模型，但他建议他可以使用一种叫做图层的东西，在不同的图层上创建不同的按钮类型，而我所要做的就是隐藏和取消隐藏图层，具体取决于用户选择的按钮。我想知道Three.js是否有可能以编程方式隐藏图层，以及是否可以将带有图层的网格导入到Three.js项目中。

Answer 1

仅限Javascript解决方案，THREE.js（任何版本）

var myLayer = [] //this is an array, you can think of it as a group of things or "layer" of things
for( var i = 0 ; i < 10 ; i ++ ){
   myLayer.push( new Mesh() ) //this is called a loop, it will create 10 meshes and store them in the group declared above
}

制作图层：

//you can use the loop again
for( var i = 0 ; i < 10 ; i ++ ){
   myLayer[i].visible = false //with i you access the button in the layer and hide it
}

稍后在代码中要隐藏它们

  //you can use the loop again
for( var i = 0 ; i < 10 ; i ++ ){
   myLayer[i].visible = true 
}

然后当你想要展示它们时

button

如果你想将一些模型导出到three.js并且你不确定它是否支持任何类似“层”的东西，你可以制定一个约定。您可以将其称为layer_0_button，而不是导出名为layer_1_button的网格。使用javascript，您可以区分此名称，例如docker-compose.yaml。

ThreeJs：我可以使用ThreeJS隐藏和取消隐藏Json模型/ OBJ模型中的图层

1 个答案: