changed material, lights on

src/App.vue

@@ -18,7 +18,8 @@
             </orbit-controls>
             <!-- <camera :position="{x:0, y:300, z:0}" :rotation="{x:deg2rad(-90), y:0, z:0}"/> -->
             <!-- <camera :position="{x:0,y:50,z:0}" :lookat="{x:0,y:0,z:0}" /> -->
-            <!-- <light :hex="0xff0000" :intensity="10" :position="{x:-100}" /> -->
+            <light :hex="0xffffff" :intensity="5" :position="{x:-100,y:150,z:50}" />
+            <light :hex="0xffffff" :intensity="2" :position="{x:100,y:-150,z:-50}" />
             <!-- <mesh :obj="mesh" :position="{ y: -200 }" /> -->
             <!-- <animation :fn="animate" :speed="3" /> -->
             <plan :size="{w:5000,h:5000}" :position="{x:0,y:0,z:0}" :color="0xffffff" :rotation="{x:90,y:0,z:0}" />
@@ -74,11 +75,11 @@ export default {
 
     // scene obj is well overwrited but background color not visible
     let scene = new THREE.Scene()
-    scene.background = new THREE.Color(0x000000)
-    scene.fog = new THREE.Fog(scene.background, 50, 200)
+    scene.background = new THREE.Color(0x1a1a1a)
+    scene.fog = new THREE.Fog(scene.background, 50, 400)
     console.log('myScene', scene)
     return {
-      debug: true,
+      debug: false,
       myRenderer: renderer,
       myScene: scene,
       mouse: new THREE.Vector2(),