我是使用Three JS Buffer Geometry的新手,我的任务是绘制缓冲几何点,我将位置属性和颜色属性值保存在一个单独的JSON文件中,如何使用它们填充Buffer Geometry点?我尝试了FileReader函数来读取JSON,但它是一个异步调用。我也试过Loader of Three JS,但我没能成功。 我的缓冲区几何代码init()函数循环创建位置和设置颜色:
for ( var i = 0; i < 81; i += 3 ) {
// positions
//var x = i; //x,y,z need positions from json file
//var y = i+1;
//var z = i+3;
var x = Math.random() * n - n2;
var y = Math.random() * n - n2;
var z = Math.random() * n - n2;
positions[ i ] = x;
positions[ i + 1 ] = y;
positions[ i + 2 ] = z;
// colors
var vx = ( x / n ) + 0.5;
var vy = ( y / n ) + 0.5;
var vz = ( z / n ) + 0.5;
color.setRGB( vx, vy, vz );
colors[ i ] = color.r; //value from json file
colors[ i + 1 ] = color.g;
colors[ i + 2 ] = color.b;
}