random width of buildings

src/App.vue

@@ -6,8 +6,9 @@
           class="site-title"
           tabindex="0"
         >
-          Muntadas
+          Media Architecture Projects <sup>ALPHA</sup>
         </h1>
+        <h2>Antoni Muntadas</h2>
       </div>
     </header>
     <section role="main-content">
@@ -20,7 +21,7 @@
             <!-- <orbit-controls ref="cam_controls" :position="init_cam_pos" :rotation="{ x: 0, y: 0, z: 0 }">
               <camera />
             </orbit-controls> -->
-            <camera ref="camera" :position="init_cam_pos" :rotation="{x:0, y:0, z:0}" />
+            <camera ref="camera" :position="init_cam_pos" :rotation="init_cam_rot" />
 
             <!-- <light :hex="0xffffff" :intensity="5" :position="{x:-100,y:150,z:50}" />
             <light :hex="0xffffff" :intensity="2" :position="{x:100,y:-150,z:-50}" :options="light_opts" /> -->
@@ -186,6 +187,8 @@ export default {
       },
       // cam_controls: null,
       init_cam_pos: { x: 0, y: 10, z: 100 },
+      // init_cam_pos: { x: 0, y: 150, z: 0 },
+      // init_cam_rot: { x: this.deg2rad(180), y: 0, z: 0 },
       raycaster: new THREE.Raycaster(),
       interactive_objects_names: ['Project', 'Content'],
       interactive_objects: [],
@@ -207,6 +210,11 @@ export default {
       }
     }
   },
+  watch: {
+    projects (n, o) {
+      console.log(`watch projects new, old`, n, o)
+    }
+  },
   created () {
     if (!this.projects.length) {
       this.getProjects()