Tweak lighting in AR avatar example

Author: willeastcott

examples/ar-avatar.html

@@ -22,8 +22,11 @@
             <pc-asset src="assets/scripts/face-detection.mjs"></pc-asset>
             <pc-asset src="assets/scripts/morph-update.mjs"></pc-asset>
             <pc-asset src="assets/models/raccoon-head.glb" id="raccoon"></pc-asset>
+            <pc-asset src="assets/skies/shanghai-riverside-4k.hdr" id="shanghai"></pc-asset>
             <!-- Scene -->
             <pc-scene>
+                <!-- Sky -->
+                <pc-sky asset="shanghai" type="none" lighting></pc-sky>
                 <!-- Camera -->
                 <pc-entity name="camera">
                     <pc-camera clear-color="0 0 0 0" fov="80"></pc-camera>
@@ -32,10 +35,6 @@
                         <pc-script name="faceDetection"></pc-script>
                     </pc-scripts>
                 </pc-entity>
-                <!-- Light -->
-                <pc-entity name="light" rotation="45 0 0">
-                    <pc-light></pc-light>
-                </pc-entity>
                 <!-- Raccoon Avatar -->
                 <pc-entity name="raccoon" scale="100 100 100">
                     <pc-model asset="raccoon"></pc-model>