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