如何使用three.js在不同方向上移动多个网格
How to move multiple meshs in different directions with three.js?
我有个问题。使用for循环,我已经创建了100个网格。它们的位置都是0,0,0。但我希望这100个网格在所有不同的方向上分开移动。
这是我创建100目的代码
for(var i = 0; i < 100; i++)
{
var geometry = new THREE.BoxGeometry(2, 2, 2);
var material = new THREE.MeshBasicMaterial( { color: 0x2194ce} );
mesh = new THREE.Mesh( geometry, material);
mesh.position.x = 0;
mesh.position.y = 0;
mesh.position.z = 0;
scene.add(mesh);
}
这是我想如何移动100个网格的代码,但它只移动一个网格
function render(){
requestAnimationFrame( render );
mesh.position.x +=0.1;
renderer.render(scene, camera);
}
mesh
中只有最后一个网格变量为了移动所有对象,可以将它们存储在一个数组中,然后在渲染循环中迭代该数组并指定"新位置"。mesh.position.z = 0; meshes.push( mesh );
在渲染中:
for( var i=0; i<meshes.length; i++){
meshes[i].position.x += 0.1;
}
我还没有测试过。
相关文章:
- 网格视图:防止行移动到标题行上方
- 无法在 NG 网格中行的编辑字段中移动光标
- JQuery 可拖动 - 防止网格对象移动到同一位置
- 如何使用 JQuery 移动更改移动方向时使网格元素水平对齐到垂直对齐
- 三.js - 在由管几何体构造的网格上移动纹理
- 以编程方式移动网格小组件
- 将所选列移动到UI网格中的右侧
- AngularJS-ui网格-列移动-获取列的新顺序
- 如果我在网格-地铁风格的应用程序中滑动项目,则无法移动屏幕
- 5x5 网格中的所有可能移动
- FlexImages移动设备上对齐的网格图像大小
- jqGrid 4.0 bindKeys方法用上下方向键移动整个网格
- 如何使网格自动移动的小部件停止向上
- 建立一个网格的圆圈与文本内部和…移动东西
- 如何保留组合框选定的背景颜色,内部网格面板一旦移动到下一行.或者可以说集中注意力
- ExtJs双击网格行应该将项目移动到另一个网格
- 在Babylon.js中移动网格的问题
- 在屏幕上移动网格,而不会处于撕裂动画中
- 如何在.net中使用滚动条移动网格视图的行
- 我如何添加空白:正常在这个jQuery移动网格按钮文本