-
Notifications
You must be signed in to change notification settings - Fork 1.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add a bunch of killer animations #696
Conversation
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A few comments. LGTM otherwise.
from: { x: currentScale.x * 1.1, y: currentScale.y * 1.1, z: currentScale.z * 1.1 }, | ||
to: { x: currentScale.x, y: currentScale.y, z: currentScale.z }, | ||
easing: "easeOutElastic" | ||
}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not sure what you were going for with this animation, but it's so fast that it just looks like a glitch, almost like it's broken -- the elastic easing is barely noticeable since it has a relatively long ramp up. I would suggest easeInQuad for 80ms, delay for 90ms and then easeOutQuad for 80ms.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Also, not sure if this is intentional, but the animation also happens when you move a pinned object.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's meant to make the object feel "stiffened in place", so the vibrations were intention but I agree it's pretty subtle. I'll see if I can make it more clear
easing: "easeInQuad" | ||
}); | ||
|
||
this.el.parentNode.setAttribute("visible", false); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If this was supposed to hide the menu, it doesn't since visible-while-frozen
resets the visibility on tick.
this app is starting to feel pretty legit :)