Smoother interruption (not perfect but, I mean, it's aaalrright)
This commit is contained in:
parent
4711e76540
commit
6c9f9c1bcf
|
|
@ -91,15 +91,25 @@ async function sessionStartupAnimation()
|
||||||
|
|
||||||
all_default_elements.forEach((elem) => elem.style.animation = "opacity-fade-in 0.5s");
|
all_default_elements.forEach((elem) => elem.style.animation = "opacity-fade-in 0.5s");
|
||||||
all_default_elements.forEach((elem) => elem.style.opacity = 1);
|
all_default_elements.forEach((elem) => elem.style.opacity = 1);
|
||||||
|
|
||||||
|
window.onkeydown = null;
|
||||||
}
|
}
|
||||||
|
|
||||||
function interruptStartingAnimation()
|
function interruptStartingAnimation()
|
||||||
{
|
{
|
||||||
let author_elem = document.body.querySelector(".startup-animation-author");
|
let author_elem = document.body.querySelector(".startup-animation-author");
|
||||||
author_elem.getAnimations().forEach((animation) => animation.finish());
|
author_elem.getAnimations().forEach((animation) => {
|
||||||
|
// Skip if fade-out
|
||||||
|
if(animation.animationName != "opacity-fade-out")
|
||||||
|
animation.finish();
|
||||||
|
});
|
||||||
|
|
||||||
let text_elem = document.body.querySelector(".startup-animation-text");
|
let text_elem = document.body.querySelectorAll(".startup-animation-char");
|
||||||
text_elem.getAnimations().forEach((animation) => animation.finish());
|
text_elem.forEach((char_elem) => char_elem.getAnimations().forEach((animation) => {
|
||||||
|
// No need to skip fade-out because it is handled by startup-animation-text
|
||||||
|
if(animation.currentTime < 2800)
|
||||||
|
animation.currentTime = 2800;
|
||||||
|
}));
|
||||||
|
|
||||||
if(sound.currentTime < 2.75)
|
if(sound.currentTime < 2.75)
|
||||||
{
|
{
|
||||||
|
|
@ -109,7 +119,6 @@ function interruptStartingAnimation()
|
||||||
|
|
||||||
window.onkeydown = () => {
|
window.onkeydown = () => {
|
||||||
interruptStartingAnimation();
|
interruptStartingAnimation();
|
||||||
window.onkeydown = null;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Only start animation once per session
|
// Only start animation once per session
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue