diff --git a/examples/animation/aframe-logo/index.html b/examples/animation/aframe-logo/index.html
index 29999806d8b..0b47b782c9f 100644
--- a/examples/animation/aframe-logo/index.html
+++ b/examples/animation/aframe-logo/index.html
@@ -104,7 +104,7 @@
         </a-entity>
       </a-entity>
 
-      <a-light type="directional" color="#FFF" intensity="0.45" position="4 2 1"></a-light>
+      <a-light type="directional" color="#FFF" intensity="1.413" position="4 2 1"></a-light>
       <a-light type="ambient" color="#A8A8A8"></a-light>
     </a-scene>
   </body>
diff --git a/examples/animation/arms/index.html b/examples/animation/arms/index.html
index de2785be4d0..4869d1e6f15 100644
--- a/examples/animation/arms/index.html
+++ b/examples/animation/arms/index.html
@@ -257,7 +257,7 @@
       </a-entity>
 
       <a-sky src="#background"></a-sky>
-      <a-entity light="type: directional; color: #FFF; intensity: 0.5" position="-1 2 1"></a-entity>
+      <a-entity light="type: directional; color: #FFF; intensity: 1.57" position="-1 2 1"></a-entity>
       <a-entity light="type: ambient; color: #461e06;"></a-entity>
     </a-scene>
   </body>
diff --git a/examples/animation/generic-logo/index.html b/examples/animation/generic-logo/index.html
index bfc8ce1f5f1..a33b31d5e11 100644
--- a/examples/animation/generic-logo/index.html
+++ b/examples/animation/generic-logo/index.html
@@ -60,7 +60,7 @@
                  animation__position="property: position; to: 0 -0.7 0; delay: 1000; dur: 1000; easing: easeOutCubic"></a-image>
       </a-entity>
 
-      <a-light type="directional" color="#fff" intensity="0.2" position="-1 2 1"></a-light>
+      <a-light type="directional" color="#fff" intensity="0.628" position="-1 2 1"></a-light>
       <a-light type="ambient" color="#fff"></a-light>
     </a-scene>
   </body>
diff --git a/examples/animation/pivots/index.html b/examples/animation/pivots/index.html
index a52c2c34c62..42d94839b56 100644
--- a/examples/animation/pivots/index.html
+++ b/examples/animation/pivots/index.html
@@ -43,7 +43,7 @@
       </a-entity>
 
       <a-sky src="#background"></a-sky>
-      <a-light type="directional" color="#FFF" intensity="0.2" position="-1 2 1"></a-light>
+      <a-light type="directional" color="#FFF" intensity="0.628" position="-1 2 1"></a-light>
       <a-light type="ambient" color="#FFF"></a-light>
     </a-scene>
   </body>
diff --git a/examples/animation/plane-reveals/index.html b/examples/animation/plane-reveals/index.html
index b7b57a3354b..ca2f025675c 100644
--- a/examples/animation/plane-reveals/index.html
+++ b/examples/animation/plane-reveals/index.html
@@ -33,7 +33,7 @@
       </a-entity>
 
       <a-sky src="#background"></a-sky>
-      <a-light type="directional" color="#fff" intensity="0.2" position="-1 2 1"></a-light>
+      <a-light type="directional" color="#fff" intensity="0.628" position="-1 2 1"></a-light>
       <a-light type="ambient" color="#fff"></a-light>
     </a-scene>
   </body>
diff --git a/examples/animation/unfold/index.html b/examples/animation/unfold/index.html
index f44d9598885..395d7df5757 100644
--- a/examples/animation/unfold/index.html
+++ b/examples/animation/unfold/index.html
@@ -32,7 +32,7 @@
       </a-entity>
 
       <a-image position="0 -1 0" src="#shadow" rotation="-90 0 0" scale="6 6 6"></a-image>
-      <a-light type="directional" color="#fff" intensity="0.2" position="-1 2 1"></a-light>
+      <a-light type="directional" color="#fff" intensity="0.628" position="-1 2 1"></a-light>
       <a-light type="ambient" color="#fff"></a-light>
     </a-scene>
   </body>
diff --git a/examples/animation/warps/index.html b/examples/animation/warps/index.html
index 0b62a8e0443..006d5e74c72 100644
--- a/examples/animation/warps/index.html
+++ b/examples/animation/warps/index.html
@@ -107,7 +107,7 @@
         </a-entity>
       </a-entity>
 
-      <a-light type="directional" color="#FFF" intensity="0.2" position="-1 2 1"></a-light>
+      <a-light type="directional" color="#FFF" intensity="0.628" position="-1 2 1"></a-light>
       <a-light type="ambient" color="#FFF"></a-light>
     </a-scene>
   </body>
diff --git a/examples/boilerplate/ar-hello-world/index.html b/examples/boilerplate/ar-hello-world/index.html
index 7c7246435dc..b53148ee161 100644
--- a/examples/boilerplate/ar-hello-world/index.html
+++ b/examples/boilerplate/ar-hello-world/index.html
@@ -9,9 +9,9 @@
       AFRAME.registerComponent('follow-shadow', {
         schema: {type: 'selector'},
         init() {this.el.object3D.renderOrder = -1;},
-        tick() { 
+        tick() {
           if (this.data) {
-            this.el.object3D.position.copy(this.data.object3D.position); 
+            this.el.object3D.position.copy(this.data.object3D.position);
             this.el.object3D.position.y-=0.001; // stop z-fighting
           }
         }
@@ -26,7 +26,7 @@
       shadow="type:pcfsoft"
       xr-mode-ui="XRMode: xr"
     >
-      <a-light type="directional" light="castShadow:true;" position="1 1 1" intensity="0.5" shadow-camera-automatic="#objects"></a-light>
+      <a-light type="directional" light="castShadow:true;" position="1 1 1" intensity="1.57" shadow-camera-automatic="#objects"></a-light>
       <a-camera position="0 0.4 0" wasd-controls="acceleration:10;"></a-camera>
       <a-entity id="objects" scale="0.2 0.2 0.2" position="0 0 -1" shadow>
         <a-box position="-1 0.5 1" rotation="0 45 0" color="#4CC3D9"></a-box>
diff --git a/examples/boilerplate/webxr-ar-lighting/index.html b/examples/boilerplate/webxr-ar-lighting/index.html
index a831ea098a8..ec7889c48d9 100644
--- a/examples/boilerplate/webxr-ar-lighting/index.html
+++ b/examples/boilerplate/webxr-ar-lighting/index.html
@@ -25,8 +25,8 @@
 			<a-asset-item id="table-glb" src="../../assets/models/table.glb"></a-asset-item>
 		</a-assets>
 
-		<a-light id="dirlight" intensity="0.5" light="castShadow:true;type:directional" position="1 1 1"></a-light>
-		<a-light hide-on-enter-ar intensity="0.5" light="type:hemisphere;color:yellow;groundColor:blue;"
+		<a-light id="dirlight" intensity="1.57" light="castShadow:true;type:directional" position="1 1 1"></a-light>
+		<a-light hide-on-enter-ar intensity="1.57" light="type:hemisphere;color:yellow;groundColor:blue;"
 			position="1 1 1"></a-light>
 
 		<a-entity hide-on-enter-ar environment="lighting:none;shadow:true;"></a-entity>
diff --git a/examples/docs/community-components/index.html b/examples/docs/community-components/index.html
index 3fa286d173e..5dde38a3179 100644
--- a/examples/docs/community-components/index.html
+++ b/examples/docs/community-components/index.html
@@ -12,21 +12,21 @@
     <script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script>
   </head>
   <body>
-    <a-scene> 
+    <a-scene>
       <a-entity id="rain" particle-system="preset: rain; color: #24CAFF; particleCount: 5000"></a-entity>
 
       <a-entity id="sphere" geometry="primitive: sphere"
                 material="color: #EFEFEF; shader: flat"
                 position="0 0.15 -5"
-                light="type: point; intensity: 5"
+                light="type: point; intensity: 15.7"
                 animation="property: position; easing: easeInOutQuad; dir: alternate; dur: 1000; to: 0 -0.10 -5; loop: true"></a-entity>
 
       <a-entity id="ocean" ocean="density: 20; width: 50; depth: 50; speed: 4"
                 material="color: #9CE3F9; opacity: 0.75; metalness: 0; roughness: 1"
                 rotation="-90 0 0"></a-entity>
-      
+
       <a-simple-sun-sky sun-position="1 0.4 0"></a-simple-sun-sky>
-      
+
       <a-entity id="light" light="type: ambient; color: #888"></a-entity>
     </a-scene>
   </body>
diff --git a/examples/primitives/models/index.html b/examples/primitives/models/index.html
index 79edaa36219..18bac08a87c 100644
--- a/examples/primitives/models/index.html
+++ b/examples/primitives/models/index.html
@@ -55,7 +55,7 @@
       <a-sky src="#sky"></a-sky>
 
       <a-light type="ambient" color="#ccc"></a-light>
-      <a-light color="#ddf" distance="100" intensity="0.4" type="point"></a-light>
+      <a-light color="#ddf" distance="100" intensity="1.256" type="point"></a-light>
     </a-scene>
   </body>
 </html>
diff --git a/examples/primitives/planes/index.html b/examples/primitives/planes/index.html
index f8ea12261cd..190deec192a 100644
--- a/examples/primitives/planes/index.html
+++ b/examples/primitives/planes/index.html
@@ -11,7 +11,7 @@
       <a-assets>
         <img id="sky" src="../../assets/img/gray-gradient.jpg">
       </a-assets>
-      
+
       <a-plane position="-3 1 -5" rotation="-5 45 -10" width="2" height="4"
                color="#93648D"></a-plane>
       <a-plane position="0 1 -5" rotation="0 -45 10" height="10"
@@ -24,7 +24,7 @@
                color="#F16745"></a-plane>
 
       <a-sky src="#sky"></a-sky>
-      <a-light type="directional" color="#fff" intensity="0.2" position="-1 2 1"></a-light>
+      <a-light type="directional" color="#fff" intensity="0.628" position="-1 2 1"></a-light>
       <a-light type="ambient" color="#fff"></a-light>
     </a-scene>
   </body>
diff --git a/examples/showcase/anime-UI/index.html b/examples/showcase/anime-UI/index.html
index d9825f64a65..03f35749eb5 100644
--- a/examples/showcase/anime-UI/index.html
+++ b/examples/showcase/anime-UI/index.html
@@ -150,8 +150,8 @@
       </a-entity>
 
       <!-- Lights. -->
-      <a-light type="point" color="#94c6ff" distance="15" position="0 0 -12" intensity="0" animation="property: light.intensity; from: 0; to: 2; delay: 750; dur: 500"></a-light>
-      <a-light type="point" color="#94c6ff" distance="17" position="0 0 -6" intensity="0" animation="property: light.intensity; from: 0; to: 1; delay: 500; dur: 500"></a-light>
+      <a-light type="point" color="#94c6ff" distance="15" position="0 0 -12" intensity="0" animation="property: light.intensity; from: 0; to: 22; delay: 750; dur: 500"></a-light>
+      <a-light type="point" color="#94c6ff" distance="17" position="0 0 -6" intensity="0" animation="property: light.intensity; from: 0; to: 20; delay: 500; dur: 500"></a-light>
       <a-light type="ambient" color="#4f6487" ></a-light>
 
       <!-- Sounds. -->
diff --git a/examples/showcase/dynamic-lights/index.html b/examples/showcase/dynamic-lights/index.html
index 49107d076ed..665973ce709 100644
--- a/examples/showcase/dynamic-lights/index.html
+++ b/examples/showcase/dynamic-lights/index.html
@@ -45,7 +45,7 @@
         <a-mixin id="light"
                  geometry="primitive: sphere; radius: 1.5"
                  material="color: #FFF; shader: flat"
-                 light="color: #DDDDFF; distance: 120; intensity: 2; type: point"></a-mixin>
+                 light="color: #DDDDFF; distance: 120; intensity: 6.28; type: point"></a-mixin>
         <a-mixin id="torusKnot"
                  random-torus-knot
                  random-material
diff --git a/examples/showcase/link-traversal/egypt.html b/examples/showcase/link-traversal/egypt.html
index 62794a720bc..2c418591cd4 100644
--- a/examples/showcase/link-traversal/egypt.html
+++ b/examples/showcase/link-traversal/egypt.html
@@ -28,7 +28,7 @@
       <a-link href="index.html" position="-3.5 1.5 -1.0" image="#thumbIndex"></a-link>
       <a-link href="forest.html" position="0 1.5 -1.0" image="#thumbForest"></a-link>
       <a-link href="japan.html" position="3.5 1.5 -1.0" image="#thumbJapan"></a-link>
-      <a-entity light="type: point; color: #f4f4f4; intensity: 0.4; distance: 0" position="0 2 0"></a-entity>
+      <a-entity light="type: point; color: #f4f4f4; intensity: 1.256; distance: 0" position="0 2 0"></a-entity>
       <a-entity id="leftHand" link-controls="hand: left"></a-entity>
       <a-entity id="rightHand" link-controls="hand: right"></a-entity>
     </a-scene>
diff --git a/examples/showcase/link-traversal/forest.html b/examples/showcase/link-traversal/forest.html
index 31f3ca74c2a..dce8faa5b6d 100644
--- a/examples/showcase/link-traversal/forest.html
+++ b/examples/showcase/link-traversal/forest.html
@@ -28,7 +28,7 @@
       <a-link href="index.html" position="-3.5 1.5 -1.0" image="#thumbIndex"></a-link>
       <a-link href="japan.html" position="0 1.5 -1.0" image="#thumbJapan"></a-link>
       <a-link href="egypt.html" position="3.5 1.5 -1.0" image="#thumbEgypt"></a-link>
-      <a-entity light="type: point; color: #f4f4f4; intensity: 0.4; distance: 0" position="0 2 0"></a-entity>
+      <a-entity light="type: point; color: #f4f4f4; intensity: 1.256; distance: 0" position="0 2 0"></a-entity>
       <a-entity id="leftHand" link-controls="hand: left"></a-entity>
       <a-entity id="rightHand" link-controls="hand: right"></a-entity>
     </a-scene>
diff --git a/examples/showcase/link-traversal/japan.html b/examples/showcase/link-traversal/japan.html
index 115caffc60f..82cf4b915e8 100644
--- a/examples/showcase/link-traversal/japan.html
+++ b/examples/showcase/link-traversal/japan.html
@@ -27,7 +27,7 @@
       <a-link href="index.html" position="-3.5 1.5 -1.0" image="#thumbIndex"></a-link>
       <a-link href="egypt.html" position="0 1.5 -1.0" image="#thumbEgypt"></a-link>
       <a-link href="forest.html" position="3.5 1.5 -1.0" image="#thumbForest"></a-link>
-      <a-entity light="type: point; color: #f4f4f4; intensity: 0.4; distance: 0" position="0 2 0"></a-entity>
+      <a-entity light="type: point; color: #f4f4f4; intensity: 1.256; distance: 0" position="0 2 0"></a-entity>
       <a-entity id="leftHand" link-controls="hand: left"></a-entity>
       <a-entity id="rightHand" link-controls="hand: right"></a-entity>
     </a-scene>
diff --git a/examples/showcase/model-viewer/model-viewer.js b/examples/showcase/model-viewer/model-viewer.js
index 8d7ca0e8595..3823f5fdf03 100644
--- a/examples/showcase/model-viewer/model-viewer.js
+++ b/examples/showcase/model-viewer/model-viewer.js
@@ -209,7 +209,7 @@ AFRAME.registerComponent('model-viewer', {
 
     sceneLightEl.setAttribute('light', {
       type: 'hemisphere',
-      intensity: 1
+      intensity: 3.14
     });
     sceneLightEl.setAttribute('hide-on-enter-ar', '');
 
@@ -274,7 +274,7 @@ AFRAME.registerComponent('model-viewer', {
       shadowCameraRight: 5,
       shadowCameraBottom: -5,
       shadowCameraTop: 5,
-      intensity: 0.5,
+      intensity: 1.57,
       target: 'modelPivot'
     });
 
diff --git a/examples/showcase/shopping/index.html b/examples/showcase/shopping/index.html
index e3fdb755ba1..44295960c39 100644
--- a/examples/showcase/shopping/index.html
+++ b/examples/showcase/shopping/index.html
@@ -40,7 +40,7 @@
 
       <a-cylinder position="0 0.5 0" radius="4" height="1.6" side="back" open-ended="true" color="#FFF"></a-cylinder>
 
-      <a-light type="directional" color="#fff" intensity="0.2" position="-1 2 1"></a-light>
+      <a-light type="directional" color="#fff" intensity="0.628" position="-1 2 1"></a-light>
       <a-light type="ambient" color="#fff"></a-light>
     </a-scene>
   </body>
diff --git a/examples/showcase/tracked-controls/index.html b/examples/showcase/tracked-controls/index.html
index 42964085bfe..3bcdaac3e36 100644
--- a/examples/showcase/tracked-controls/index.html
+++ b/examples/showcase/tracked-controls/index.html
@@ -58,9 +58,9 @@
                   geometry="primitive: sphere; radius: 65;"
                   material="shader: skyGradient; colorTop: #353449; colorBottom: #BC483E; side: back"></a-entity>
          <a-entity ground></a-entity>
-         <a-entity light="type: point; color: #f4f4f4; intensity: 0.1; distance: 0" position="-2.5 1.2 2.2"></a-entity>
-         <a-entity light="type: point; color: #f4f4f4; intensity: 0.1; distance: 0" position="-20 -7 -40"></a-entity>
-         <a-entity light="type: ambient; color: #f4f4f4; intensity: 0.25;" position="-8 10 -18"></a-entity>
+         <a-entity light="type: point; color: #f4f4f4; intensity: 0.314; distance: 0" position="-2.5 1.2 2.2"></a-entity>
+         <a-entity light="type: point; color: #f4f4f4; intensity: 0.314; distance: 0" position="-20 -7 -40"></a-entity>
+         <a-entity light="type: ambient; color: #f4f4f4; intensity: 0.785;" position="-8 10 -18"></a-entity>
       </a-entity>
       <!-- Hands -->
       <a-entity hand-controls="hand: left; handModelStyle: lowPoly; color: #ffcccc" aabb-collider="objects: .cube;" grab></a-entity>
diff --git a/examples/test/animation/index.html b/examples/test/animation/index.html
index 3f1628230cf..36c472c8573 100644
--- a/examples/test/animation/index.html
+++ b/examples/test/animation/index.html
@@ -21,7 +21,7 @@
 
       <a-entity position="0 0 -5">
         <!-- Lights. -->
-        <a-entity light="type: point; intensity: 2"></a-entity>
+        <a-entity light="type: point; intensity: 6.28"></a-entity>
         <a-entity light="type: ambient; color: #888"></a-entity>
 
         <a-entity mixin="planet spinAnimation" geometry="radius: 3" material="shader: flat; src: #sun"></a-entity>
diff --git a/examples/test/geometry-gallery/index.html b/examples/test/geometry-gallery/index.html
index 66fcb41f65f..c106ad606c0 100644
--- a/examples/test/geometry-gallery/index.html
+++ b/examples/test/geometry-gallery/index.html
@@ -43,7 +43,7 @@
                                               height: .1; width: 1;"
                  material="color: #FFF" position="0 .1 0">
         </a-mixin>
-        <a-mixin id="column-light" light="type: point; intensity: 0.5;
+        <a-mixin id="column-light" light="type: point; intensity: 1.57;
                                           distance: 5;"
                   position="0 1.5 0">
         </a-mixin>
diff --git a/examples/test/laser-controls/index.html b/examples/test/laser-controls/index.html
index ece7623b591..81bb15e8640 100644
--- a/examples/test/laser-controls/index.html
+++ b/examples/test/laser-controls/index.html
@@ -53,7 +53,7 @@
       <a-entity id="leftHand" laser-controls="hand: left" raycaster="objects: [mixin='box']"></a-entity>
       <a-entity id="rightHand" laser-controls="hand: right" raycaster="objects: [mixin='box']" line="color: #118A7E"></a-entity>
 
-      <a-light position="0 0.5 1" intensity="0.75"></a-light>
+      <a-light position="0 0.5 1" intensity="2.355"></a-light>
 
       <a-entity position="0 -1.6 -10">
         <a-mixin id="box" geometry="primitive: box" material="color: #FAFAFA" rotation="0 0 -35" scale="0.5 0.5 0.5" intersect-color-change shadow="cast: true; receive: false"></a-mixin>
@@ -61,7 +61,7 @@
 
         <a-circle rotation="-90 0 0" radius="20" color="#666" position="0 -0.1 0" shadow="receive: true" roughness="1"></a-circle>
 
-        <a-light type="point" position="0 10 -30" intensity="0.85" shadow-if-mobile></a-light>
+        <a-light type="point" position="0 10 -30" intensity="2.669" shadow-if-mobile></a-light>
 
         <a-torus radius="20" arc="190" rotation="0 90 0" animation="property: rotation; to: 0 450 0; loop: true; dur: 16000; easing: linear"></a-torus>
         <a-torus radius="20" arc="190" rotation="0 45 0" animation="property: rotation; to: 0 405 0; loop: true; dur: 16000; easing: linear"></a-torus>
diff --git a/examples/test/physical/index.html b/examples/test/physical/index.html
index 8075b8b7787..0ad824eb245 100644
--- a/examples/test/physical/index.html
+++ b/examples/test/physical/index.html
@@ -47,7 +47,7 @@
         </a-cubemap>
         <a-mixin id="animation" animation="easing: linear; dur: 4096; loop: true"></a-mixin>
         <a-mixin id="light" geometry="primitive: sphere; radius: .25"
-                 light="color: #FFF; intensity: .5; type: point"
+                 light="color: #FFF; intensity: 1.57; type: point"
                  material="shader: flat"></a-mixin>
         <a-mixin id="sphere" geometry="primitive: sphere; radius: 5"></a-mixin>
       </a-assets>
diff --git a/examples/test/shadows/index.html b/examples/test/shadows/index.html
index ffe7251ed2d..b89530a85b6 100644
--- a/examples/test/shadows/index.html
+++ b/examples/test/shadows/index.html
@@ -21,17 +21,17 @@
         <!-- Center point light. -->
         <a-entity geometry="primitive: sphere; radius: 0.15"
                   material="color: #FAFAFA; shader: flat"
-                  light="castShadow: true; color: #FAFAFA; intensity: 0.5; shadowBias: 0.01;
+                  light="castShadow: true; color: #FAFAFA; intensity: 1.57; shadowBias: 0.01;
                          shadowCameraNear: 1; type: point; shadowMapWidth: 1024; shadowMapHeight: 1024"
                   position="0 -1 1"
                   animation="property: scale; to: 2 2 2; dur: 3000; dir: alternate; loop: true"
-                  animation="property: intensity; to: 1; dur: 3000; dir: alternate; loop: true"></a-entity>
+                  animation="property: intensity; to: 3.14; dur: 3000; dir: alternate; loop: true"></a-entity>
 
         <!-- Animating point light. -->
         <a-entity animation="property: rotation; to: 0 360 360; dur: 5000; easing: linear; loop: true">
           <a-entity geometry="primitive: sphere; radius: 0.25"
                     material="color: #EF2D5E; shader: flat"
-                    light="castShadow: true; color: #EF2D5E; intensity: 1; shadowBias: 0.01;
+                    light="castShadow: true; color: #EF2D5E; intensity: 3.14; shadowBias: 0.01;
                            shadowCameraNear: 1; type: point; shadowMapWidth: 1024; shadowMapHeight: 1024"
                     position="0 5 5"></a-entity>
         </a-entity>
diff --git a/examples/test/towers/index.html b/examples/test/towers/index.html
index 34eca9cbd92..a75c2067ebc 100644
--- a/examples/test/towers/index.html
+++ b/examples/test/towers/index.html
@@ -36,12 +36,12 @@
 
       <a-entity id="world" rotation="0 0 0" position="0 -3 0"></a-entity>
 
-      <a-entity class="light--light" light="type: directional; color: #fff; intensity: 0.2"
+      <a-entity class="light--light" light="type: directional; color: #fff; intensity: 0.628"
                 position="-1 2 1"></a-entity>
       <a-entity class="light--light" light="type: ambient; color: #eee;"></a-entity>
 
       <a-entity class="light--dark"
-                light="type: directional; color: rgb(12,12,12); intensity: 0.2"
+                light="type: directional; color: rgb(12,12,12); intensity: 0.628"
                 position="-1 2 1" visible="false"></a-entity>
       <a-entity class="light--dark" light="type: ambient; color: #999"
                 visible="false"></a-entity>
diff --git a/src/components/light.js b/src/components/light.js
index c7d2f57c47e..b74f1833c48 100644
--- a/src/components/light.js
+++ b/src/components/light.js
@@ -22,7 +22,7 @@ module.exports.Component = registerComponent('light', {
     groundColor: {type: 'color', if: {type: ['hemisphere']}},
     decay: {default: 1, if: {type: ['point', 'spot']}},
     distance: {default: 0.0, min: 0, if: {type: ['point', 'spot']}},
-    intensity: {default: 1.0, min: 0, if: {type: ['ambient', 'directional', 'hemisphere', 'point', 'spot', 'probe']}},
+    intensity: {default: 3.14, min: 0, if: {type: ['ambient', 'directional', 'hemisphere', 'point', 'spot', 'probe']}},
     penumbra: {default: 0, min: 0, max: 1, if: {type: ['spot']}},
     type: {
       default: 'directional',
diff --git a/src/components/scene/reflection.js b/src/components/scene/reflection.js
index b69a28ce5b9..8ad39ddd6ea 100644
--- a/src/components/scene/reflection.js
+++ b/src/components/scene/reflection.js
@@ -9,7 +9,7 @@ function updateLights (estimate, probeLight, directionalLight, directionalLightP
         estimate.primaryLightIntensity.z));
 
   probeLight.sh.fromArray(estimate.sphericalHarmonicsCoefficients);
-  probeLight.intensity = 1;
+  probeLight.intensity = 3.14;
 
   if (directionalLight) {
     directionalLight.color.setRGB(
diff --git a/src/systems/light.js b/src/systems/light.js
index 4d2fd18e148..68e11da7e48 100755
--- a/src/systems/light.js
+++ b/src/systems/light.js
@@ -72,7 +72,7 @@ module.exports.System = registerSystem('light', {
     sceneEl.appendChild(ambientLight);
 
     directionalLight = document.createElement('a-entity');
-    directionalLight.setAttribute('light', {color: '#FFF', intensity: 0.6, castShadow: true});
+    directionalLight.setAttribute('light', {color: '#FFF', intensity: 1.884, castShadow: true});
     directionalLight.setAttribute('position', {x: -0.5, y: 1, z: 1});
     directionalLight.setAttribute(DEFAULT_LIGHT_ATTR, '');
     directionalLight.setAttribute(constants.AFRAME_INJECTED, '');