Skip to content

Commit d45e16e

Browse files
committed
Make avatar animations more visible for testing
Temporary Animation Changes: - Reward = Time: Scale 1.2 max, 1s duration, 0.2s delay - Playful: Scale 1.3 max with bouncy pattern, 1.5s duration, 0.3s delay - Scalable: Scale 1.15 max, 2s duration, 0.4s delay These changes make the animations much more visible to verify they're working. Once confirmed, we can make them more subtle again.
1 parent 88adb8a commit d45e16e

File tree

1 file changed

+17
-17
lines changed

1 file changed

+17
-17
lines changed

src/components/Avatar.tsx

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -27,71 +27,71 @@ const BUZZVIL_VALUE_COLORS = {
2727
// Buzzvil Design Principles - 3 distinct, smooth animations
2828
const BUZZVIL_PRINCIPLE_ANIMATIONS = {
2929
'reward-time': {
30-
// Animation 1: Very gentle pulse scale - like a subtle heartbeat
30+
// Animation 1: More visible pulse scale for testing
3131
color1: {
3232
animate: {
33-
scale: [1, 1.03, 1],
33+
scale: [1, 1.2, 1],
3434
},
3535
transition: {
36-
duration: 2.5,
36+
duration: 1,
3737
repeat: Infinity,
3838
ease: "easeInOut" as const
3939
}
4040
},
4141
color2: {
4242
animate: {
43-
scale: [1, 0.98, 1],
43+
scale: [1, 0.8, 1],
4444
},
4545
transition: {
46-
duration: 2.5,
46+
duration: 1,
4747
repeat: Infinity,
4848
ease: "easeInOut" as const,
49-
delay: 0.3
49+
delay: 0.2
5050
}
5151
}
5252
},
5353
'playful': {
54-
// Animation 2: Very subtle bouncy pulse - like gentle play
54+
// Animation 2: More visible bouncy pulse for testing
5555
color1: {
5656
animate: {
57-
scale: [1, 1.04, 0.99, 1.02, 1],
57+
scale: [1, 1.3, 0.7, 1.1, 1],
5858
},
5959
transition: {
60-
duration: 3,
60+
duration: 1.5,
6161
repeat: Infinity,
6262
ease: "easeInOut" as const
6363
}
6464
},
6565
color2: {
6666
animate: {
67-
scale: [1, 0.97, 1.02, 0.99, 1],
67+
scale: [1, 0.7, 1.3, 0.9, 1],
6868
},
6969
transition: {
70-
duration: 3,
70+
duration: 1.5,
7171
repeat: Infinity,
7272
ease: "easeInOut" as const,
73-
delay: 0.2
73+
delay: 0.3
7474
}
7575
}
7676
},
7777
'scalable': {
78-
// Animation 3: Ultra-subtle pulse only - no movement to avoid edges
78+
// Animation 3: More visible pulse for testing
7979
color1: {
8080
animate: {
81-
scale: [1, 1.02, 1],
81+
scale: [1, 1.15, 1],
8282
},
8383
transition: {
84-
duration: 4,
84+
duration: 2,
8585
repeat: Infinity,
8686
ease: "easeInOut" as const
8787
}
8888
},
8989
color2: {
9090
animate: {
91-
scale: [1, 0.99, 1],
91+
scale: [1, 0.85, 1],
9292
},
9393
transition: {
94-
duration: 4,
94+
duration: 2,
9595
repeat: Infinity,
9696
ease: "easeInOut" as const,
9797
delay: 0.4

0 commit comments

Comments
 (0)