New Splash Screen

[StefanB90]

Summary

Figma Design Link

Acceptance Criteria

• apply the PYLONS motion animation that is already being used for the pylons.tech website for the splash screen users see when they open the app. This splash screen will effectively serve as a loading screen until the NFT the user was originally looking at on the Big Dipper Buy Page can be displayed in the background tinted with a black overlay shadow and the new Acknowledgement module.

---

For Admin Use

• Not duplicate issue
• Appropriate labels applied
• Appropriate contributors tagged
• Contributor assigned/self-assigned

[heyitsjk]

Attached are the background assets for the logo from the Pylons website:
ghost-bg.zip

[faisalnaveedRNS]

4 Hours

[xinyapylons]

@ahmadrns Here are the background images.

[ahmadhassan-dev1]

@xinyapylons I need the splash screen background image the one which has color Orange Soda

[ahmadhassan-dev1]

@xinyapylons kindly share svg for all these images including background one as these images has too much high size

[StefanB90]

@ahmadrns @kjawadDeveloper2

SPLASH SCREEN

[Tanyaml]

@StefanB90 I have tested the splash screens and work as expected and crossed referenced with the figma files and it is valid- can you confirm that this is how you expected it to look...

Please See Video:

Valid.Pylons.Splash.Screens.mov

[heyitsjk]

looks like the logos have a faint dark layer behind them? should not have that.
also, looks a little weird when they blink to the next one - should we have them quickly fade into the next like on the website?
@StefanB90

[Tanyaml]

looks like the logos have a faint dark layer behind them? should not have that. also, looks a little weird when they blink to the next one - should we have them quickly fade into the next like on the website? @StefanB90

I agree it jumps to fast and it should fade into the next image...

[Tanyaml]

@ahmadrns The images should fade into each-other just how it is on pylons.tech

[ahmadhassan-dev1]

Screen.Recording.2022-11-21.at.2.32.14.PM.mov

[ahmadhassan-dev1]

@heyitsjk @Tanyaml kindly verify the attach video of splash screen

[Tanyaml]

@ahmadrns The Fade in for each splash screen looks good... Except its still looks like that dark layer is still present- is there any way that dark layer can be removed?

[ahmadhassan-dev1]

@Tanyaml I have removed the background layer completely.

[ahmadhassan-dev1]

az_recorder_20221121_205610_edited.mp4

[ahmadhassan-dev1]

@Tanyaml @kjawadDeveloper2 I have recorded this video on physical device.

[heyitsjk]

@ahmadrns on current Testflight build, the "Update Available" screen slides in from the right. Is there any way to add that back in rather than it just appearing suddenly? Other than that, the fade animation looks good.

[Tanyaml]

@StefanB90 I have validated the Splash Screen and it working as expected.

Please see video:

Screen.Splash.mov

[ahmadhassan-dev1]

@heyitsjk I have recorded this video on Android Phone, you will see same behaviour when this push to iOS TestFlight