diff --git a/examples/webgl_gpgpu_birds.html b/examples/webgl_gpgpu_birds.html
index e10d6e9d9029be..7ef2a1f5b34e80 100644
--- a/examples/webgl_gpgpu_birds.html
+++ b/examples/webgl_gpgpu_birds.html
@@ -378,7 +378,7 @@
for ( let v = 0; v < triangles * 3; v ++ ) {
const triangleIndex = ~ ~ ( v / 3 );
- const birdIndex = ~ ~ ( triangleIndex / trianglesPerBird )
+ const birdIndex = ~ ~ ( triangleIndex / trianglesPerBird );
const x = ( birdIndex % WIDTH ) / WIDTH;
const y = ~ ~ ( birdIndex / WIDTH ) / WIDTH;
@@ -468,18 +468,18 @@
const valuesChanger = function () {
- velocityUniforms[ "separationDistance" ].value = effectController.separation;
- velocityUniforms[ "alignmentDistance" ].value = effectController.alignment;
- velocityUniforms[ "cohesionDistance" ].value = effectController.cohesion;
- velocityUniforms[ "freedomFactor" ].value = effectController.freedom;
+ velocityUniforms[ 'separationDistance' ].value = effectController.separation;
+ velocityUniforms[ 'alignmentDistance' ].value = effectController.alignment;
+ velocityUniforms[ 'cohesionDistance' ].value = effectController.cohesion;
+ velocityUniforms[ 'freedomFactor' ].value = effectController.freedom;
};
valuesChanger();
- gui.add( effectController, "separation", 0.0, 100.0, 1.0 ).onChange( valuesChanger );
- gui.add( effectController, "alignment", 0.0, 100, 0.001 ).onChange( valuesChanger );
- gui.add( effectController, "cohesion", 0.0, 100, 0.025 ).onChange( valuesChanger );
+ gui.add( effectController, 'separation', 0.0, 100.0, 1.0 ).onChange( valuesChanger );
+ gui.add( effectController, 'alignment', 0.0, 100, 0.001 ).onChange( valuesChanger );
+ gui.add( effectController, 'cohesion', 0.0, 100, 0.025 ).onChange( valuesChanger );
gui.close();
initBirds();
@@ -501,8 +501,8 @@
fillPositionTexture( dtPosition );
fillVelocityTexture( dtVelocity );
- velocityVariable = gpuCompute.addVariable( "textureVelocity", document.getElementById( 'fragmentShaderVelocity' ).textContent, dtVelocity );
- positionVariable = gpuCompute.addVariable( "texturePosition", document.getElementById( 'fragmentShaderPosition' ).textContent, dtPosition );
+ velocityVariable = gpuCompute.addVariable( 'textureVelocity', document.getElementById( 'fragmentShaderVelocity' ).textContent, dtVelocity );
+ positionVariable = gpuCompute.addVariable( 'texturePosition', document.getElementById( 'fragmentShaderPosition' ).textContent, dtPosition );
gpuCompute.setVariableDependencies( velocityVariable, [ positionVariable, velocityVariable ] );
gpuCompute.setVariableDependencies( positionVariable, [ positionVariable, velocityVariable ] );
@@ -510,16 +510,16 @@
positionUniforms = positionVariable.material.uniforms;
velocityUniforms = velocityVariable.material.uniforms;
- positionUniforms[ "time" ] = { value: 0.0 };
- positionUniforms[ "delta" ] = { value: 0.0 };
- velocityUniforms[ "time" ] = { value: 1.0 };
- velocityUniforms[ "delta" ] = { value: 0.0 };
- velocityUniforms[ "testing" ] = { value: 1.0 };
- velocityUniforms[ "separationDistance" ] = { value: 1.0 };
- velocityUniforms[ "alignmentDistance" ] = { value: 1.0 };
- velocityUniforms[ "cohesionDistance" ] = { value: 1.0 };
- velocityUniforms[ "freedomFactor" ] = { value: 1.0 };
- velocityUniforms[ "predator" ] = { value: new THREE.Vector3() };
+ positionUniforms[ 'time' ] = { value: 0.0 };
+ positionUniforms[ 'delta' ] = { value: 0.0 };
+ velocityUniforms[ 'time' ] = { value: 1.0 };
+ velocityUniforms[ 'delta' ] = { value: 0.0 };
+ velocityUniforms[ 'testing' ] = { value: 1.0 };
+ velocityUniforms[ 'separationDistance' ] = { value: 1.0 };
+ velocityUniforms[ 'alignmentDistance' ] = { value: 1.0 };
+ velocityUniforms[ 'cohesionDistance' ] = { value: 1.0 };
+ velocityUniforms[ 'freedomFactor' ] = { value: 1.0 };
+ velocityUniforms[ 'predator' ] = { value: new THREE.Vector3() };
velocityVariable.material.defines.BOUNDS = BOUNDS.toFixed( 2 );
velocityVariable.wrapS = THREE.RepeatWrapping;
@@ -549,11 +549,11 @@
// For Vertex and Fragment
birdUniforms = {
- "color": { value: new THREE.Color( 0xff2200 ) },
- "texturePosition": { value: null },
- "textureVelocity": { value: null },
- "time": { value: 1.0 },
- "delta": { value: 0.0 }
+ 'color': { value: new THREE.Color( 0xff2200 ) },
+ 'texturePosition': { value: null },
+ 'textureVelocity': { value: null },
+ 'time': { value: 1.0 },
+ 'delta': { value: 0.0 }
};
// THREE.ShaderMaterial
@@ -652,22 +652,22 @@
if ( delta > 1 ) delta = 1; // safety cap on large deltas
last = now;
- positionUniforms[ "time" ].value = now;
- positionUniforms[ "delta" ].value = delta;
- velocityUniforms[ "time" ].value = now;
- velocityUniforms[ "delta" ].value = delta;
- birdUniforms[ "time" ].value = now;
- birdUniforms[ "delta" ].value = delta;
+ positionUniforms[ 'time' ].value = now;
+ positionUniforms[ 'delta' ].value = delta;
+ velocityUniforms[ 'time' ].value = now;
+ velocityUniforms[ 'delta' ].value = delta;
+ birdUniforms[ 'time' ].value = now;
+ birdUniforms[ 'delta' ].value = delta;
- velocityUniforms[ "predator" ].value.set( 0.5 * mouseX / windowHalfX, - 0.5 * mouseY / windowHalfY, 0 );
+ velocityUniforms[ 'predator' ].value.set( 0.5 * mouseX / windowHalfX, - 0.5 * mouseY / windowHalfY, 0 );
mouseX = 10000;
mouseY = 10000;
gpuCompute.compute();
- birdUniforms[ "texturePosition" ].value = gpuCompute.getCurrentRenderTarget( positionVariable ).texture;
- birdUniforms[ "textureVelocity" ].value = gpuCompute.getCurrentRenderTarget( velocityVariable ).texture;
+ birdUniforms[ 'texturePosition' ].value = gpuCompute.getCurrentRenderTarget( positionVariable ).texture;
+ birdUniforms[ 'textureVelocity' ].value = gpuCompute.getCurrentRenderTarget( velocityVariable ).texture;
renderer.render( scene, camera );