# Animation test for start screen

**URL:** <http://forum.squareline.io/t/animation-test-for-start-screen/60>\
**Category:** How to\
**Created:** [February 21, 2022, 3:36pm UTC](http://forum.squareline.io/t/animation-test-for-start-screen/60 "2022-02-21T15:36:56Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![dronecz](http://forum.squareline.io/letter_avatar_proxy/v4/letter/d/49beb7/32.png) [@dronecz](http://forum.squareline.io/u/dronecz)\
**Post date:** [February 21, 2022, 3:36pm UTC](http://forum.squareline.io/t/animation-test-for-start-screen/60/1 "2022-02-21T15:36:56Z")

</div>

### What do you want to achieve?

I would like to make fade-in, fade-out animation with my logo. How can I test it in SL?

### What have you tried so far?

I added logo and setup animation and events in SL.

### Screenshot or video

![sl_anim](http://forum.squareline.io/uploads/default/original/1X/cdfea2960081679279267436ee9522c93d99ad14.gif)

### Others

- **SquareLine Studio version:**  
1.0.1
- **Operating system:**  
Win 10
- **Target hardware:**  
ESP32 with ILI9341

---

<div class="post-metadata">

**Author:** ![kisvegabor](http://forum.squareline.io/user_avatar/forum.squareline.io/kisvegabor/32/537_2.png) [@kisvegabor](http://forum.squareline.io/u/kisvegabor)\
**Post date:** [February 22, 2022, 9:39am UTC](http://forum.squareline.io/t/animation-test-for-start-screen/60/2 "2022-02-22T09:39:09Z")

</div>

If I understood correctly you want a fade-in animation when the screen is loaded and after a few second play a fade-off animation, right?

---

<div class="post-metadata">

**Author:** ![dronecz](http://forum.squareline.io/letter_avatar_proxy/v4/letter/d/49beb7/32.png) [@dronecz](http://forum.squareline.io/u/dronecz)\
**Post date:** [February 22, 2022, 1:18pm UTC](http://forum.squareline.io/t/animation-test-for-start-screen/60/3 "2022-02-22T13:18:33Z")

</div>

Yes, I want exactly this 🙂

---

<div class="post-metadata">

**Author:** ![SquareLine\_Support](http://forum.squareline.io/user_avatar/forum.squareline.io/squareline_support/32/47_2.png) [@SquareLine\_Support](http://forum.squareline.io/u/SquareLine_Support)\
**Post date:** [February 23, 2022, 3:12pm UTC](http://forum.squareline.io/t/animation-test-for-start-screen/60/4 "2022-02-23T15:12:24Z")

</div>

I’ve attached a demo project which shows a simple solution.  
It used 2 animations: fade in and fade out with some delay. To make it more interesting, I added a zoom animation too. In case of zoom and rotation don’t forget to set the pivot point on the inspector panel.  
I’ve created the events on the screen with SCREEN\_LOAD\_START trigger. I added a pla animation action and a screen change action with some delay.

![logo_anim](http://forum.squareline.io/uploads/default/original/1X/30d4c2d39ffdd74e132330d77e287e54c488cc9a.gif)

[logo\_anim.zip](http://forum.squareline.io/uploads/short-url/rxKQOlyHuVKjr87IzK0stCxmdV5.zip) (25.5 KB)

---

<div class="post-metadata">

**Author:** ![kkh](http://forum.squareline.io/letter_avatar_proxy/v4/letter/k/50afbb/32.png) [@kkh](http://forum.squareline.io/u/kkh)\
**Post date:** [June 18, 2024, 11:31am UTC](http://forum.squareline.io/t/animation-test-for-start-screen/60/5 "2024-06-18T11:31:05Z")

</div>

hello.  
I also want to implement the above.

However, the project in the logo\_anim.zip file attached to the above article does not open in sqareline stduio.

The loading screen no longer progresses.

Can you provide a sample project in version 1.4.1?

- **SquareLine Studio version:**  
1.4.1
- **Operating system:**  
Win 11
- **Target hardware:**

 ![image](http://forum.squareline.io/uploads/default/original/2X/8/8671f41a73cd7533dafe4c00bdf2229cc01045bc.png)

---

<div class="post-metadata">

**Author:** ![Sofi](http://forum.squareline.io/user_avatar/forum.squareline.io/sofi/32/1368_2.png) [@Sofi](http://forum.squareline.io/u/Sofi)\
**Post date:** [June 19, 2024, 8:35am UTC](http://forum.squareline.io/t/animation-test-for-start-screen/60/6 "2024-06-19T08:35:15Z")

</div>

It is a 2022 post though, but please try to proceed with the demo described in the earlier post - it should work that way.