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

Fixed bug with rapid mouse movement

Browse Source
This commit is contained in:
Anatoly Kopyl
2022-01-30 12:08:44 +03:00
parent a0b30cafd3
commit 7e7335ef7c
3 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,6 +9,7 @@ class MockupModel extends Group {
this.animation = this.floatAnim; this.animation = this.floatAnim;
this.goingHome = false; this.goingHome = false;
this.homeTimeout = null;
this.home = home; this.home = home;
this.reset(); this.reset();
@@ -55,7 +56,7 @@ class MockupModel extends Group {
this.rotSpeed.y = (this.home.rotation.y - this.rotation.y) / rT; this.rotSpeed.y = (this.home.rotation.y - this.rotation.y) / rT;
this.rotSpeed.z = (this.home.rotation.z - this.rotation.z) / rT; this.rotSpeed.z = (this.home.rotation.z - this.rotation.z) / rT;
setTimeout(() => { this.homeTimeout = setTimeout(() => {
this.goingHome = false; this.goingHome = false;
this.reset(); this.reset();
this.startFloat(); this.startFloat();
@@ -277,7 +278,11 @@ var script = {
} }
function handleMouseEnter() { function handleMouseEnter() {
if (phone) { phone.animation = phone.lookAtAnim; } if (phone) {
phone.animation = phone.lookAtAnim;
phone.goingHome = false;
clearTimeout(phone.homeTimeout);
}
} }
function handleMouseLeave() { function handleMouseLeave() {

6
src/Mockup.vue
View File

@@ -169,7 +169,11 @@ export default {
} }
function handleMouseEnter() { function handleMouseEnter() {
if (phone) { phone.animation = phone.lookAtAnim; } if (phone) {
phone.animation = phone.lookAtAnim;
phone.goingHome = false;
clearTimeout(phone.homeTimeout);
}
} }
function handleMouseLeave() { function handleMouseLeave() {

3
src/MockupModel.js
View File

@@ -6,6 +6,7 @@ export default class MockupModel extends Group {
this.animation = this.floatAnim; this.animation = this.floatAnim;
this.goingHome = false; this.goingHome = false;
this.homeTimeout = null;
this.home = home; this.home = home;
this.reset(); this.reset();
@@ -52,7 +53,7 @@ export default class MockupModel extends Group {
this.rotSpeed.y = (this.home.rotation.y - this.rotation.y) / rT; this.rotSpeed.y = (this.home.rotation.y - this.rotation.y) / rT;
this.rotSpeed.z = (this.home.rotation.z - this.rotation.z) / rT; this.rotSpeed.z = (this.home.rotation.z - this.rotation.z) / rT;
setTimeout(() => { this.homeTimeout = setTimeout(() => {
this.goingHome = false; this.goingHome = false;
this.reset(); this.reset();
this.startFloat(); this.startFloat();