Welcome screen how to?

What do you want to achieve?

I want to make a welcome screen that will display for 5s and then move on to Screen1 (my UI)
Welcome Screen - lasts for 5s
Screen 1 (ui)- then displays for the rest of the time.

What have you tried so far?

I made Welcome screen ( black background, and background image png).
My UI is on Screen1

-Welcome Screen
Event 1 - Trigger (Screen_Load_Start)
Screen to- Screen1
Fade mode ON
Speed 500
Delay 0

  • Animation tab
    Test Object → WelcomeScreen
    Opacity 0-255
    Delay 0-5000
    Playback Delay 0-0
    Loop Delay 0- Loop count 1.

When I compile this, and load it onto ESP32.
I dont see my WelcomeScreen at all
I just see Screen1 with periodic black flicker

Screenshot or video


  • SquareLine Studio version:
  • Operating system:
  • Target hardware:

I managed using two events and different trigger
delay on second event so animation can finish

I have one question.

How do I render one screen at the time.

I’ve noticed while mine animation for Welcome screen is running, the Screen1 ( arc -i have a simple written loop to go 0-130 and 130-0) when the animation is completed and I switch over to screen 2 it completed its path to 130. - Meaning its also rendering in background.

Good to see you could find out how to make the splash/welcome-screen by events and delays. The animation doesn’t get stopped/deleted by itself if you switch to a screen. It doesn’t render if its screen is not active but it continues if it’s looped, so if you want to restart it from the beginning you need to stop/delete it explicitly and restart on screen-loaded event. (If I understood correctly what you want to achieve.)

1 Like