diff --git a/src/core/PerspectiveCamera.js b/src/core/PerspectiveCamera.js index 2806c17..14dc193 100644 --- a/src/core/PerspectiveCamera.js +++ b/src/core/PerspectiveCamera.js @@ -10,11 +10,15 @@ export default { fov: { type: Number, default: 50 }, near: { type: Number, default: 0.1 }, position: { type: [Object, Vector3], default: { x: 0, y: 0, z: 0 } }, + lookAt: { type: [Object, Vector3], default: null }, }, created() { this.camera = new PerspectiveCamera(this.fov, this.aspect, this.near, this.far); useBindProp(this, 'position', this.camera.position); + if (this.lookAt) this.camera.lookAt(this.lookAt.x, this.lookAt.y, this.lookAt.z); + watch(() => this.lookAt, (v) => { this.camera.lookAt(v.x, v.y, v.z); }, { deep: true }); + ['aspect', 'far', 'fov', 'near'].forEach(p => { watch(() => this[p], () => { this.camera[p] = this[p]; @@ -22,6 +26,7 @@ export default { }); }); + // this.camera.updateProjectionMatrix(); this.three.camera = this.camera; }, render() {