From e6cb85b8aa118b71d6034a4a328dc27dc95de3a3 Mon Sep 17 00:00:00 2001 From: Jesse Borden Date: Wed, 4 Jun 2025 08:57:33 -0700 Subject: [PATCH 1/4] style(hero): Update animation ease. --- assets/javascripts/new-javascripts/hero.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/javascripts/new-javascripts/hero.js b/assets/javascripts/new-javascripts/hero.js index 7acd6c774..1a7a10b68 100644 --- a/assets/javascripts/new-javascripts/hero.js +++ b/assets/javascripts/new-javascripts/hero.js @@ -175,7 +175,7 @@ const heroAnimation = async (animContainer) => { const DURATION = 1000 - 1000 * offScreenDelta const tl = anime.createTimeline({ - defaults: { duration: DURATION, ease: 'inOut(.8)' }, + defaults: { duration: DURATION, ease: 'in(1.2)' }, }) tl.label('start', 0) @@ -254,7 +254,7 @@ const heroAnimation = async (animContainer) => { tl.add( logo.state, { - ease: 'out(1.1)', + ease: 'out(1.2)', duration: 200 - 200 * offScreenDelta, delay: 750 - 750 * offScreenDelta, progress: 1, From 1e45c813576372d1abbf0e873d50271ce7c79b4b Mon Sep 17 00:00:00 2001 From: Jesse Borden Date: Wed, 4 Jun 2025 09:08:15 -0700 Subject: [PATCH 2/4] style(hero): Update animation ease. --- assets/javascripts/new-javascripts/hero.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/javascripts/new-javascripts/hero.js b/assets/javascripts/new-javascripts/hero.js index 1a7a10b68..d26bf33fa 100644 --- a/assets/javascripts/new-javascripts/hero.js +++ b/assets/javascripts/new-javascripts/hero.js @@ -175,7 +175,7 @@ const heroAnimation = async (animContainer) => { const DURATION = 1000 - 1000 * offScreenDelta const tl = anime.createTimeline({ - defaults: { duration: DURATION, ease: 'in(1.2)' }, + defaults: { duration: DURATION, ease: 'inOut(1.2)' }, }) tl.label('start', 0) @@ -254,7 +254,7 @@ const heroAnimation = async (animContainer) => { tl.add( logo.state, { - ease: 'out(1.2)', + ease: 'out(2)', duration: 200 - 200 * offScreenDelta, delay: 750 - 750 * offScreenDelta, progress: 1, From 7293725ebeced080c708f9d6bb3a471f2a706acd Mon Sep 17 00:00:00 2001 From: Jesse Borden Date: Wed, 4 Jun 2025 10:02:42 -0700 Subject: [PATCH 3/4] style(hero): Update animation ease. --- assets/javascripts/new-javascripts/hero.js | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/assets/javascripts/new-javascripts/hero.js b/assets/javascripts/new-javascripts/hero.js index d26bf33fa..606e7e446 100644 --- a/assets/javascripts/new-javascripts/hero.js +++ b/assets/javascripts/new-javascripts/hero.js @@ -175,7 +175,7 @@ const heroAnimation = async (animContainer) => { const DURATION = 1000 - 1000 * offScreenDelta const tl = anime.createTimeline({ - defaults: { duration: DURATION, ease: 'inOut(1.2)' }, + defaults: { duration: DURATION, ease: 'in(1.8)' }, }) tl.label('start', 0) @@ -211,13 +211,17 @@ const heroAnimation = async (animContainer) => { }, 'start', ) + let count = 0 // Purple swoop tl.add( heroSwoops[0].state, { progress: 1, duration: 950 - 950 * offScreenDelta, - onUpdate: () => swoopUpdate(heroSwoops[0]), + onUpdate: () => { + swoopUpdate(heroSwoops[0]) + if (count++ > 0) debugger + }, }, 'start', ) @@ -254,7 +258,7 @@ const heroAnimation = async (animContainer) => { tl.add( logo.state, { - ease: 'out(2)', + ease: 'out(1.2)', duration: 200 - 200 * offScreenDelta, delay: 750 - 750 * offScreenDelta, progress: 1, From a24763a40e9836336963fd3e63d77c95d0e9085b Mon Sep 17 00:00:00 2001 From: Jesse Borden Date: Wed, 4 Jun 2025 10:03:56 -0700 Subject: [PATCH 4/4] style(hero): Remove debugger. --- assets/javascripts/new-javascripts/hero.js | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/assets/javascripts/new-javascripts/hero.js b/assets/javascripts/new-javascripts/hero.js index 606e7e446..bd7767695 100644 --- a/assets/javascripts/new-javascripts/hero.js +++ b/assets/javascripts/new-javascripts/hero.js @@ -211,17 +211,13 @@ const heroAnimation = async (animContainer) => { }, 'start', ) - let count = 0 // Purple swoop tl.add( heroSwoops[0].state, { progress: 1, duration: 950 - 950 * offScreenDelta, - onUpdate: () => { - swoopUpdate(heroSwoops[0]) - if (count++ > 0) debugger - }, + onUpdate: () => swoopUpdate(heroSwoops[0]), }, 'start', )