Skip to content

Commit d8e4214

Browse files
committed
Slow down all avatar animations significantly for elegance
Dramatic Speed Reduction: Reward = Time: - color1: 3.2s → 8.5s (2.7x slower) - color2: 2.7s → 7.2s (2.7x slower) - delay: 0.6s → 1.5s (2.5x longer) Playful: - color1: 1.8s → 4.8s (2.7x slower) - color2: 1.5s → 4.0s (2.7x slower) - delay: 0.3s → 0.8s (2.7x longer) Scalable: - color1: 3.5s → 9.2s (2.6x slower) - color2: 2.8s → 7.5s (2.7x slower) - delay: 0.7s → 1.8s (2.6x longer) Result: All animations now have much more elegant, subtle, and sophisticated movement patterns that feel organic and refined rather than chaotic and overwhelming.
1 parent 39ae613 commit d8e4214

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

src/components/Avatar.tsx

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ const BUZZVIL_PRINCIPLE_ANIMATIONS = {
3737
y: [0, -1, 2, -2, 1, -1, 2, -1, 0],
3838
},
3939
transition: {
40-
duration: 3.2,
40+
duration: 8.5,
4141
repeat: Infinity,
4242
ease: "easeInOut" as const,
4343
times: [0, 0.15, 0.3, 0.45, 0.6, 0.7, 0.8, 0.9, 1]
@@ -52,10 +52,10 @@ const BUZZVIL_PRINCIPLE_ANIMATIONS = {
5252
y: [0, 1, -2, 2, -1, 1, -2, 1, 0],
5353
},
5454
transition: {
55-
duration: 2.7,
55+
duration: 7.2,
5656
repeat: Infinity,
5757
ease: "easeOut" as const,
58-
delay: 0.6,
58+
delay: 1.5,
5959
times: [0, 0.2, 0.35, 0.5, 0.65, 0.75, 0.85, 0.95, 1]
6060
}
6161
}
@@ -73,7 +73,7 @@ const BUZZVIL_PRINCIPLE_ANIMATIONS = {
7373
skewY: [0, -6, 8, -10, 6, -3, 3, -5, 2, -3, 0],
7474
},
7575
transition: {
76-
duration: 1.8,
76+
duration: 4.8,
7777
repeat: Infinity,
7878
ease: "easeOut" as const,
7979
times: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1]
@@ -90,10 +90,10 @@ const BUZZVIL_PRINCIPLE_ANIMATIONS = {
9090
skewY: [0, 6, -8, 10, -6, 3, -3, 5, -2, 3, 0],
9191
},
9292
transition: {
93-
duration: 1.5,
93+
duration: 4.0,
9494
repeat: Infinity,
9595
ease: "easeIn" as const,
96-
delay: 0.3,
96+
delay: 0.8,
9797
times: [0, 0.12, 0.22, 0.32, 0.42, 0.52, 0.62, 0.72, 0.82, 0.92, 1]
9898
}
9999
}
@@ -111,7 +111,7 @@ const BUZZVIL_PRINCIPLE_ANIMATIONS = {
111111
skewY: [0, -8, 10, -12, 8, -4, 4, -6, 2, -4, 0],
112112
},
113113
transition: {
114-
duration: 3.5,
114+
duration: 9.2,
115115
repeat: Infinity,
116116
ease: "easeInOut" as const,
117117
times: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1]
@@ -128,10 +128,10 @@ const BUZZVIL_PRINCIPLE_ANIMATIONS = {
128128
skewY: [0, 8, -10, 12, -8, 4, -4, 6, -2, 4, 0],
129129
},
130130
transition: {
131-
duration: 2.8,
131+
duration: 7.5,
132132
repeat: Infinity,
133133
ease: "easeOut" as const,
134-
delay: 0.7,
134+
delay: 1.8,
135135
times: [0, 0.15, 0.25, 0.35, 0.45, 0.55, 0.65, 0.75, 0.85, 0.95, 1]
136136
}
137137
}

0 commit comments

Comments
 (0)