diff --git a/packages/three-vrm-core/examples/expressions.html b/packages/three-vrm-core/examples/expressions.html
index 6ce16fded..25db31b82 100644
--- a/packages/three-vrm-core/examples/expressions.html
+++ b/packages/three-vrm-core/examples/expressions.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-core/examples/firstPerson.html b/packages/three-vrm-core/examples/firstPerson.html
index 2e12e6db5..72649651c 100644
--- a/packages/three-vrm-core/examples/firstPerson.html
+++ b/packages/three-vrm-core/examples/firstPerson.html
@@ -65,7 +65,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-core/examples/humanoid.html b/packages/three-vrm-core/examples/humanoid.html
index d03d26c43..af621b32a 100644
--- a/packages/three-vrm-core/examples/humanoid.html
+++ b/packages/three-vrm-core/examples/humanoid.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-core/examples/humanoidAnimation/main.js b/packages/three-vrm-core/examples/humanoidAnimation/main.js
index 92ef6a37b..54193fb86 100644
--- a/packages/three-vrm-core/examples/humanoidAnimation/main.js
+++ b/packages/three-vrm-core/examples/humanoidAnimation/main.js
@@ -25,7 +25,7 @@ controls.update();
 const scene = new THREE.Scene();
 
 // light
-const light = new THREE.DirectionalLight( 0xffffff );
+const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 light.position.set( 1.0, 1.0, 1.0 ).normalize();
 scene.add( light );
 
diff --git a/packages/three-vrm-core/examples/lookAt.html b/packages/three-vrm-core/examples/lookAt.html
index 97a3ef4f6..608f9e481 100644
--- a/packages/three-vrm-core/examples/lookAt.html
+++ b/packages/three-vrm-core/examples/lookAt.html
@@ -65,7 +65,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-core/examples/meta.html b/packages/three-vrm-core/examples/meta.html
index 6c64fa927..5fc814949 100644
--- a/packages/three-vrm-core/examples/meta.html
+++ b/packages/three-vrm-core/examples/meta.html
@@ -72,7 +72,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-materials-hdr-emissive-multiplier/examples/loader-plugin.html b/packages/three-vrm-materials-hdr-emissive-multiplier/examples/loader-plugin.html
index ac9f316ee..e29205c7f 100644
--- a/packages/three-vrm-materials-hdr-emissive-multiplier/examples/loader-plugin.html
+++ b/packages/three-vrm-materials-hdr-emissive-multiplier/examples/loader-plugin.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			scene.add( light );
 
 			// gltf and vrm
diff --git a/packages/three-vrm-materials-mtoon/examples/emissive-strength.html b/packages/three-vrm-materials-mtoon/examples/emissive-strength.html
index 3d41adab3..8cc820b57 100644
--- a/packages/three-vrm-materials-mtoon/examples/emissive-strength.html
+++ b/packages/three-vrm-materials-mtoon/examples/emissive-strength.html
@@ -62,7 +62,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			scene.add( light );
 
 			// gltf and vrm
diff --git a/packages/three-vrm-materials-mtoon/examples/feature-test.html b/packages/three-vrm-materials-mtoon/examples/feature-test.html
index d317ea422..9ccc45f3c 100644
--- a/packages/three-vrm-materials-mtoon/examples/feature-test.html
+++ b/packages/three-vrm-materials-mtoon/examples/feature-test.html
@@ -58,7 +58,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			scene.add( light );
 
 			// test objects
diff --git a/packages/three-vrm-materials-mtoon/examples/loader-plugin.html b/packages/three-vrm-materials-mtoon/examples/loader-plugin.html
index fac0f52e4..30f08089a 100644
--- a/packages/three-vrm-materials-mtoon/examples/loader-plugin.html
+++ b/packages/three-vrm-materials-mtoon/examples/loader-plugin.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			scene.add( light );
 
 			// gltf and vrm
diff --git a/packages/three-vrm-node-constraint/examples/aim.html b/packages/three-vrm-node-constraint/examples/aim.html
index f59c798b9..38bba40e4 100644
--- a/packages/three-vrm-node-constraint/examples/aim.html
+++ b/packages/three-vrm-node-constraint/examples/aim.html
@@ -93,7 +93,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 2.0, 3.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-node-constraint/examples/importer.html b/packages/three-vrm-node-constraint/examples/importer.html
index 6a9db580e..c8581297d 100644
--- a/packages/three-vrm-node-constraint/examples/importer.html
+++ b/packages/three-vrm-node-constraint/examples/importer.html
@@ -77,7 +77,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 2.0, 3.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-node-constraint/examples/roll.html b/packages/three-vrm-node-constraint/examples/roll.html
index bbeb1d871..a3e680929 100644
--- a/packages/three-vrm-node-constraint/examples/roll.html
+++ b/packages/three-vrm-node-constraint/examples/roll.html
@@ -94,7 +94,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 2.0, 3.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-node-constraint/examples/rotation.html b/packages/three-vrm-node-constraint/examples/rotation.html
index 33453e023..3621748b0 100644
--- a/packages/three-vrm-node-constraint/examples/rotation.html
+++ b/packages/three-vrm-node-constraint/examples/rotation.html
@@ -84,7 +84,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 2.0, 3.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-node-constraint/examples/upper-arm.html b/packages/three-vrm-node-constraint/examples/upper-arm.html
index 588bcf9e0..85d93ce7d 100644
--- a/packages/three-vrm-node-constraint/examples/upper-arm.html
+++ b/packages/three-vrm-node-constraint/examples/upper-arm.html
@@ -85,7 +85,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 2.0, 3.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-springbone/examples/collider.html b/packages/three-vrm-springbone/examples/collider.html
index f1995c155..3aacffbcb 100644
--- a/packages/three-vrm-springbone/examples/collider.html
+++ b/packages/three-vrm-springbone/examples/collider.html
@@ -62,7 +62,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 2.0, 3.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-springbone/examples/loader-plugin.html b/packages/three-vrm-springbone/examples/loader-plugin.html
index 10061196b..7e0fa6e7d 100644
--- a/packages/three-vrm-springbone/examples/loader-plugin.html
+++ b/packages/three-vrm-springbone/examples/loader-plugin.html
@@ -55,7 +55,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-springbone/examples/multiple.html b/packages/three-vrm-springbone/examples/multiple.html
index 8390b966c..509c76f3b 100644
--- a/packages/three-vrm-springbone/examples/multiple.html
+++ b/packages/three-vrm-springbone/examples/multiple.html
@@ -54,7 +54,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 2.0, 3.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm-springbone/examples/single.html b/packages/three-vrm-springbone/examples/single.html
index 7fca995f2..ce45d0844 100644
--- a/packages/three-vrm-springbone/examples/single.html
+++ b/packages/three-vrm-springbone/examples/single.html
@@ -54,7 +54,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 2.0, 3.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/animations.html b/packages/three-vrm/examples/animations.html
index 890654214..2ded46629 100644
--- a/packages/three-vrm/examples/animations.html
+++ b/packages/three-vrm/examples/animations.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/basic.html b/packages/three-vrm/examples/basic.html
index da47d8efb..2b1110f52 100644
--- a/packages/three-vrm/examples/basic.html
+++ b/packages/three-vrm/examples/basic.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/bones.html b/packages/three-vrm/examples/bones.html
index 54bd31fc9..75eaec9a9 100644
--- a/packages/three-vrm/examples/bones.html
+++ b/packages/three-vrm/examples/bones.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/debug.html b/packages/three-vrm/examples/debug.html
index ee00f6775..ddf84f993 100644
--- a/packages/three-vrm/examples/debug.html
+++ b/packages/three-vrm/examples/debug.html
@@ -64,7 +64,7 @@
 			scene.add( helperRoot );
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/dnd.html b/packages/three-vrm/examples/dnd.html
index d8801e4c6..4c26c03cd 100644
--- a/packages/three-vrm/examples/dnd.html
+++ b/packages/three-vrm/examples/dnd.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/expressions.html b/packages/three-vrm/examples/expressions.html
index e25f797df..2137841ac 100644
--- a/packages/three-vrm/examples/expressions.html
+++ b/packages/three-vrm/examples/expressions.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/firstperson.html b/packages/three-vrm/examples/firstperson.html
index 7abb75524..2e9508ae5 100644
--- a/packages/three-vrm/examples/firstperson.html
+++ b/packages/three-vrm/examples/firstperson.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/humanoidAnimation/main.js b/packages/three-vrm/examples/humanoidAnimation/main.js
index 84185bc0f..13b1a057f 100644
--- a/packages/three-vrm/examples/humanoidAnimation/main.js
+++ b/packages/three-vrm/examples/humanoidAnimation/main.js
@@ -25,7 +25,7 @@ controls.update();
 const scene = new THREE.Scene();
 
 // light
-const light = new THREE.DirectionalLight( 0xffffff );
+const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 light.position.set( 1.0, 1.0, 1.0 ).normalize();
 scene.add( light );
 
diff --git a/packages/three-vrm/examples/lookat-advanced.html b/packages/three-vrm/examples/lookat-advanced.html
index 5d8d2cb43..58248db73 100644
--- a/packages/three-vrm/examples/lookat-advanced.html
+++ b/packages/three-vrm/examples/lookat-advanced.html
@@ -130,7 +130,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/lookat.html b/packages/three-vrm/examples/lookat.html
index 508d29e0e..1a5841b93 100644
--- a/packages/three-vrm/examples/lookat.html
+++ b/packages/three-vrm/examples/lookat.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/materials-debug.html b/packages/three-vrm/examples/materials-debug.html
index 15b38e22b..358445780 100644
--- a/packages/three-vrm/examples/materials-debug.html
+++ b/packages/three-vrm/examples/materials-debug.html
@@ -59,7 +59,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/meta.html b/packages/three-vrm/examples/meta.html
index 79ef5a6f3..2f46782c1 100644
--- a/packages/three-vrm/examples/meta.html
+++ b/packages/three-vrm/examples/meta.html
@@ -71,7 +71,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );
 
diff --git a/packages/three-vrm/examples/mouse.html b/packages/three-vrm/examples/mouse.html
index c05407a18..f5548dbd3 100644
--- a/packages/three-vrm/examples/mouse.html
+++ b/packages/three-vrm/examples/mouse.html
@@ -54,7 +54,7 @@
 			const scene = new THREE.Scene();
 
 			// light
-			const light = new THREE.DirectionalLight( 0xffffff );
+			const light = new THREE.DirectionalLight( 0xffffff, Math.PI );
 			light.position.set( 1.0, 1.0, 1.0 ).normalize();
 			scene.add( light );