1
0
mirror of https://github.com/troisjs/trois.git synced 2024-11-24 04:12:02 +08:00

camera watch props

This commit is contained in:
Kevin Levron 2020-09-18 16:28:17 +02:00
parent bce4bd9fbe
commit 27c22b4e20

View File

@ -1,4 +1,4 @@
import { PerspectiveCamera } from 'three'; import { PerspectiveCamera, Vector3 } from 'three';
import { setFromProp } from '../tools.js'; import { setFromProp } from '../tools.js';
export default { export default {
@ -8,12 +8,26 @@ export default {
type: Number, type: Number,
default: 50, default: 50,
}, },
position: Object, position: {
type: [Object, Vector3],
default: { x: 0, y: 0, z: 0 },
},
},
watch: {
fov() {
this.camera.fov = this.fov;
},
position: {
deep: true,
handler() {
setFromProp(this.camera.position, this.position);
},
},
}, },
created() { created() {
const camera = new PerspectiveCamera(this.fov); this.camera = new PerspectiveCamera(this.fov);
setFromProp(camera.position, this.position); setFromProp(this.camera.position, this.position);
this.three.camera = camera; this.three.camera = this.camera;
}, },
render() { render() {
return []; return [];