Example
Stop Child Abuse
Hello Heroes,
This animation was originally intended for the previous challenge. However, because it holds special significance for me, I decided to share it in this landmark 500th challenge instead. The criteria for this challenge differ slightly from my initial plan, so I incorporated a data comparison feature that activates when the ELC counter reaches 500 and the 'Facts' image is clicked, ensuring alignment with the challenge requirements.
This animation is dedicated to all children affected by violence in our world today. There are not many interactions for you here – only an invitation to watch until the end, enjoy a song, breathe deeply, and hold them in your thoughts. Like these balloons drifting through the clouds, may every child find peace unburdened, joy unchained, and the freedom to soar. Hope you all enjoy it as much as I did!
ELC#500 - Stop Child Abuse
Project Description:
In this project, I leveraged the JavaScript API in Storyline alongside the Web Animations API to create dynamic, smooth animations for hot air balloons. This included continuous swaying effects with adjustable rotation and downward movement speeds for more lifelike movement.
For elements like clouds and birds—which reverse direction once the ELC counter reaches 500—I utilized motion paths within Storyline for seamless transitions.
The ELC counter animation was implemented using GSAP, targeting the text variable for precise control. All graphics were designed and customized in Canva.
The background features a children’s chorus performing a haunting rendition of Sting’s 1987 song "Fragile" (as heard in the Adolescence TV series). Additional sound effects and music were sourced from Pixabay.
1 Reply
Very well done!
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.