anatolykopyl/vue-three-d-mockup
1
0
Fork 0
mirror of https://github.com/anatolykopyl/vue-three-d-mockup.git synced 2026-03-26 04:45:09 +00:00
Code Issues Projects Releases Wiki Activity

Fixed lookAt animation

Browse Source
This commit is contained in:
Anatoly Kopyl
2022-02-02 00:01:26 +03:00
parent 5f55b913d8
commit e019b038ff
4 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
bundle/vue-three-d-mockup.esm.js
View File

@@ -99,12 +99,9 @@ class MockupModel extends Group {
lookAtAnim(dt, { x, y, z }) {
const target = new Vector3();
// const boxTarget = new Vector3();
// const boundingBox = new Box3().setFromObject(this);
// boundingBox.getSize(boxTarget);
target.x = x;
target.y = y;
target.z = z;
target.x = x - this.position.x;
target.y = y - this.position.y;
target.z = z - this.position.z;
this.lookAt(target);
}
}
@@ -306,7 +303,7 @@ var script = {
if (phones.length) {
phones.forEach((phone) => {
phone.animation(deltaTime, { x: mouseX, y: mouseY, z: camera.position.z });
phone.animation(deltaTime, { x: mouseX / 2, y: mouseY / 2, z: camera.position.z });
});
}

4
src/Demo.vue
View File

@@ -21,6 +21,10 @@
z: -0.06,
}]"
/>
<!-- <Mockup
class="mockup"
:screen="require('./assets/screen.png')"
/> -->
<video
src="@/assets/screen.mp4"

2
src/Mockup.vue
View File

@@ -194,7 +194,7 @@ export default {
if (phones.length) {
phones.forEach((phone) => {
phone.animation(deltaTime, { x: mouseX, y: mouseY, z: camera.position.z });
phone.animation(deltaTime, { x: mouseX / 2, y: mouseY / 2, z: camera.position.z });
});
}

9
src/MockupModel.js
View File

@@ -96,12 +96,9 @@ export default class MockupModel extends Group {
lookAtAnim(dt, { x, y, z }) {
const target = new Vector3();
// const boxTarget = new Vector3();
// const boundingBox = new Box3().setFromObject(this);
// boundingBox.getSize(boxTarget);
target.x = x;
target.y = y;
target.z = z;
target.x = x - this.position.x;
target.y = y - this.position.y;
target.z = z - this.position.z;
this.lookAt(target);
}
}