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:
parent
bce4bd9fbe
commit
27c22b4e20
@ -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 [];
|
||||||
|
Loading…
Reference in New Issue
Block a user