2018-02-12 15:15:47 +01:00
|
|
|
if (!this.entityLoaded) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
this.initialized = false;
|
|
|
|
|
|
|
|
if (!this.initialized) {
|
|
|
|
|
|
|
|
this.imageSpoon = this.entityLoaded.imageSpoon;
|
|
|
|
this.imageEarth = this.entityLoaded.imageEarth;
|
|
|
|
|
|
|
|
this.meshBox = this.entityLoaded.meshBox;
|
|
|
|
this.meshImageGrid = this.entityLoaded.meshImageGrid;
|
|
|
|
|
|
|
|
this.boxGeometry = this.entityLoaded.boxGeometry;
|
|
|
|
this.instancedGeometry = this.entityLoaded.instancedGeometry;
|
|
|
|
|
2018-02-15 13:59:15 +01:00
|
|
|
this.textureWhite = this.entityLoaded.textureWhite;
|
|
|
|
this.materialRawPhong = this.entityLoaded.materialRawPhong;
|
|
|
|
|
2018-02-12 15:15:47 +01:00
|
|
|
this.initialized = true;
|
|
|
|
|
|
|
|
console.log('key up initialized');
|
|
|
|
}
|
|
|
|
|
|
|
|
if (data.code === 'KeyL') {
|
|
|
|
|
|
|
|
var heightData = this.imageSpoon.getHeightData();
|
|
|
|
|
|
|
|
var instances = 16384; //128 x 128
|
|
|
|
|
|
|
|
var x, y = 0;
|
|
|
|
|
2018-02-15 05:20:54 +01:00
|
|
|
var offsets = [];
|
|
|
|
var orientations = [];
|
|
|
|
//var scales = [];
|
2018-02-12 15:15:47 +01:00
|
|
|
|
|
|
|
var height = 0;
|
|
|
|
|
|
|
|
for (x = 0; x < 128; x++) {
|
|
|
|
for (y = 0; y < 128; y++) {
|
|
|
|
|
|
|
|
height = heightData[(y * 128) + x] * 10;
|
|
|
|
scale = height * 0.1;
|
|
|
|
|
2018-02-15 09:34:30 +01:00
|
|
|
offsets.push((x - 64) * 2, (64 - y) * 2, height);
|
2018-02-15 05:20:54 +01:00
|
|
|
orientations.push(0, 0, 0, 1);
|
|
|
|
//scales.push(scale, scale, scale);
|
2018-02-12 15:15:47 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-02-15 13:57:01 +01:00
|
|
|
var uniforms = Object.assign(
|
|
|
|
THREE.UniformsLib['lights'],
|
|
|
|
{
|
2018-02-15 13:59:15 +01:00
|
|
|
map: { value: this.textureWhite.instance }
|
2018-02-15 13:57:01 +01:00
|
|
|
}
|
2018-02-15 13:59:15 +01:00
|
|
|
);
|
|
|
|
|
|
|
|
this.materialRawPhong.instance.uniforms = uniforms;
|
2018-02-15 13:57:01 +01:00
|
|
|
|
2018-02-15 05:20:54 +01:00
|
|
|
this.instancedGeometry.instance.index = this.boxGeometry.instance.index;
|
2018-02-15 11:30:45 +01:00
|
|
|
this.instancedGeometry.instance.groups = this.boxGeometry.instance.groups;
|
2018-02-12 15:15:47 +01:00
|
|
|
this.instancedGeometry.instance.attributes.position = this.boxGeometry.instance.attributes.position;
|
2018-02-15 13:57:01 +01:00
|
|
|
this.instancedGeometry.instance.attributes.normal = this.boxGeometry.instance.attributes.normal;
|
2018-02-12 18:03:24 +01:00
|
|
|
this.instancedGeometry.instance.attributes.uv = this.boxGeometry.instance.attributes.uv;
|
2018-02-15 05:20:54 +01:00
|
|
|
|
|
|
|
var offsetAttribute = new THREE.InstancedBufferAttribute(
|
|
|
|
new Float32Array(offsets),
|
|
|
|
3
|
|
|
|
);
|
|
|
|
|
|
|
|
var orientationAttribute = new THREE.InstancedBufferAttribute(
|
|
|
|
new Float32Array(orientations),
|
|
|
|
4
|
|
|
|
).setDynamic(true);
|
|
|
|
|
|
|
|
this.instancedGeometry.instance.addAttribute('offset', offsetAttribute);
|
|
|
|
this.instancedGeometry.instance.addAttribute('orientation', orientationAttribute);
|
2018-02-12 15:15:47 +01:00
|
|
|
|
|
|
|
|
2018-02-15 05:20:54 +01:00
|
|
|
// this.instancedGeometry.instance.removeAttribute('color');
|
|
|
|
// this.instancedGeometry.instance.removeAttribute('instancePosition');
|
|
|
|
// this.instancedGeometry.instance.removeAttribute('instanceQuaternion');
|
|
|
|
// this.instancedGeometry.instance.removeAttribute('instanceScale');
|
2018-02-12 15:15:47 +01:00
|
|
|
|
2018-02-15 05:20:54 +01:00
|
|
|
// this.instancedGeometry.instance.addAttribute('instancePosition', new THREE.InstancedBufferAttribute( new Float32Array(positions), 3));
|
|
|
|
// this.instancedGeometry.instance.addAttribute('instanceQuaternion', new THREE.InstancedBufferAttribute( new Float32Array(quaternions), 4));
|
|
|
|
// this.instancedGeometry.instance.addAttribute('instanceScale', new THREE.InstancedBufferAttribute( new Float32Array(scales), 3));
|
2018-02-12 15:15:47 +01:00
|
|
|
|
2018-02-15 05:20:54 +01:00
|
|
|
// this.instancedGeometry.instance.addAttribute('color', new THREE.Float32BufferAttribute(colors, 3));
|
2018-02-12 15:15:47 +01:00
|
|
|
|
2018-02-15 11:30:45 +01:00
|
|
|
//this.instancedGeometry.instance.clearGroups();
|
2018-02-12 15:15:47 +01:00
|
|
|
|
2018-02-15 11:30:45 +01:00
|
|
|
//this.instancedGeometry.instance.addGroup(0, 36, 0);
|
2018-02-12 15:15:47 +01:00
|
|
|
|
|
|
|
//this.meshImageGrid.geometry.instance = this.instancedGeometry.instance;
|
|
|
|
|
|
|
|
//this.meshImageGrid.materials[0].createInstance();
|
|
|
|
//this.meshImageGrid.updateInstance('materials');
|
|
|
|
|
|
|
|
console.log('got data');
|
|
|
|
}
|
|
|
|
|
|
|
|
//@ sourceURL=ccKeyUp.js
|