lights: animation edge-case

Author: sciecode

build/app.js

@@ -1016,7 +1016,8 @@ function init$3( scene ) {
 }
 
 let
-objects;
+objects,
+finished;
 
 const
 clock = new THREE.Clock();
@@ -1054,24 +1055,37 @@ function init$4( scene ) {
 	scene.add( ambientLight, spotLight, spotLight2, spotLight3, directionalLight, directionalLight2 );
 	objects = [ ambientLight, spotLight, spotLight2, spotLight3, directionalLight, directionalLight2 ];
 
+	finished = false;
+
 }
 
 function easing( t, c ) {
 	if ( ( t /= 1 / 2 ) < 1 ) return c / 2 * t * t * t;
 	return c / 2 * ( ( t -= 2 ) * t * t + 2 );
 }
 
+function updateLights( time ) {
+
+	for ( let i = 0; i < objects.length; i++ )
+		objects[ i ].intensity = objects[ i ].baseIntensity * easing( ( time - 1 ) / 3, 1.0 );
+
+}
+
 function update$1( ) {
 
+	if ( finished ) return;
+
 	const time = clock.getElapsedTime();
 
 	if ( time > 1 && time < 4 ) {
 
-		for ( let i = 0; i < objects.length; i++ ) {
+		updateLights( time );
 
-			objects[ i ].intensity = objects[ i ].baseIntensity * easing( ( time - 1 ) / 3, 1.0 );
+	} else if ( time > 4 ) {
 
-		}
+		updateLights( 4 );
+
+		finished = true;
 
 	}
 
@@ -1110,7 +1124,6 @@ function init$5() {
 
 	// initialization block;
 	init( scene$1 );
-	init$4( scene$1 );
 	init$3( scene$1 );
 
 	init$1( camera$2, renderer$1.domElement );
@@ -1119,6 +1132,9 @@ function init$5() {
 	// dispose of calculation data
 	dispose();
 
+	// initialize light
+	init$4( scene$1 );
+
 	// start program
 	animate();
 

build/app.min.js

@@ -38,7 +38,6 @@ function init() {
 
 	// initialization block;
 	BG.init( scene );
-	LIGHTS.init( scene );
 	CLOTH.init( scene );
 
 	MOUSE.init( camera, renderer.domElement );
@@ -47,6 +46,9 @@ function init() {
 	// dispose of calculation data
 	PRE.dispose();
 
+	// initialize light
+	LIGHTS.init( scene );
+
 	// start program
 	animate();
 

src/main.js

@@ -1,6 +1,7 @@
 
 let
-objects;
+objects,
+finished;
 
 const
 clock = new THREE.Clock();
@@ -38,24 +39,37 @@ function init( scene ) {
 	scene.add( ambientLight, spotLight, spotLight2, spotLight3, directionalLight, directionalLight2 );
 	objects = [ ambientLight, spotLight, spotLight2, spotLight3, directionalLight, directionalLight2 ];
 
+	finished = false;
+
 }
 
 function easing( t, c ) {
 	if ( ( t /= 1 / 2 ) < 1 ) return c / 2 * t * t * t;
 	return c / 2 * ( ( t -= 2 ) * t * t + 2 );
 }
 
+function updateLights( time ) {
+
+	for ( let i = 0; i < objects.length; i++ )
+		objects[ i ].intensity = objects[ i ].baseIntensity * easing( ( time - 1 ) / 3, 1.0 );
+
+}
+
 function update( ) {
 
+	if ( finished ) return;
+
 	const time = clock.getElapsedTime();
 
 	if ( time > 1 && time < 4 ) {
 
-		for ( let i = 0; i < objects.length; i++ ) {
+		updateLights( time );
+
+	} else if ( time > 4 ) {
 
-			objects[ i ].intensity = objects[ i ].baseIntensity * easing( ( time - 1 ) / 3, 1.0 );
+		updateLights( 4 );
 
-		}
+		finished = true;
 
 	}