diff --git a/194yv3pctj.js b/194yv3pctj.js index aad5f64..2fd38cc 100644 --- a/194yv3pctj.js +++ b/194yv3pctj.js @@ -13,9 +13,7 @@ if (!this.initialized) { this.boxGeometry = this.entityLoaded.boxGeometry; this.instancedGeometry = this.entityLoaded.instancedGeometry; - - this.instancedGeometry.instance.attributes.position = this.boxGeometry.instance.attributes.position; - + this.initialized = true; console.log('key up initialized'); @@ -23,6 +21,14 @@ if (!this.initialized) { if (data.code === 'KeyL') { + var colors = []; + + for (var i = 0; i < this.boxGeometry.instance.attributes.position.count; i++) { + colors.push(1, 1, 1); + } + + this.boxGeometry.instance.addAttribute('color', new THREE.Float32BufferAttribute(colors, 3)); + var heightData = this.imageSpoon.getHeightData(); var instances = 16384; //128 x 128 @@ -30,6 +36,7 @@ if (data.code === 'KeyL') { var x, y = 0; var positions = []; + var colors = []; for (x = 0; x < 128; x++) { for (y = 0; y < 128; y++) { @@ -37,6 +44,9 @@ if (data.code === 'KeyL') { } } + this.instancedGeometry.instance.attributes.position = this.boxGeometry.instance.attributes.position; + this.instancedGeometry.instance.attributes.color = this.boxGeometry.instance.attributes.color; + this.instancedGeometry.instance.addAttribute('instancePosition', new THREE.InstancedBufferAttribute( new Float32Array(positions), 3)); console.log('got data');