acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Tweaks (#2225)

Browse Source 
* Gradient

* Tweak animation speed

* Rotate

* Linear

* Linear
This commit is contained in:
Eric Bailey
2023-12-17 13:55:47 -06:00
committed by GitHub
parent aac13aafce
commit 25f0527ad6
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/icon-android-background.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 575 KiB

After

Width:  |  Height:  |  Size: 223 KiB

assets/icon.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 551 KiB

After

Width:  |  Height:  |  Size: 452 KiB

src/Splash.tsx
+4 -4
View File
@@ -79,7 +79,7 @@ export function Splash(props: React.PropsWithChildren<Props>) {
scale: interpolate(outroApp.value, [0, 1], [1.1, 1], 'clamp'), scale: interpolate(outroApp.value, [0, 1], [1.1, 1], 'clamp'),
}, },
], ],
opacity: interpolate(outroApp.value, [0, 0.7, 1], [0, 1, 1], 'clamp'), opacity: interpolate(outroApp.value, [0, 0.9, 1], [0, 1, 1], 'clamp'),
} }
}) })
@@ -92,21 +92,21 @@ export function Splash(props: React.PropsWithChildren<Props>) {
intro.value = withTiming( intro.value = withTiming(
1, 1,
{duration: 800, easing: Easing.out(Easing.cubic)}, {duration: 200, easing: Easing.out(Easing.cubic)},
async () => { async () => {
// set these values to check animation at specific point // set these values to check animation at specific point
// outroLogo.value = 0.1 // outroLogo.value = 0.1
// outroApp.value = 0.1 // outroApp.value = 0.1
outroLogo.value = withTiming( outroLogo.value = withTiming(
1, 1,
{duration: 1200, easing: Easing.in(Easing.cubic)}, {duration: 1000, easing: Easing.in(Easing.cubic)},
() => { () => {
runOnJS(onFinish)() runOnJS(onFinish)()
}, },
) )
outroApp.value = withTiming( outroApp.value = withTiming(
1, 1,
{duration: 1200, easing: Easing.inOut(Easing.cubic)}, {duration: 1000, easing: Easing.inOut(Easing.cubic)},
() => { () => {
runOnJS(onFinish)() runOnJS(onFinish)()
}, },