A website design for New York Yankees' Sir Didi Gregorius, sponsored by Wix.com,
Was meant to be the official website. Alas, the project never saw the light of day.
Was meant to be the official website. Alas, the project never saw the light of day.
The website was built on the Wix Editor where Didi's statistics were displayed
and updated dynamically with animation using Adobe Animate and Wix Velo (Wix code)
and updated dynamically with animation using Adobe Animate and Wix Velo (Wix code)
Scroll down to learn how this was done...
First using Adobe Animate, I did a simple animation for the numbers
I then gave the timeline a name and added a stop command at the start and end frames
I did this for every number, each one in a separate Animate file.
Here you see all of them together for presentation purposes only.
The red box highlights the canvas visible area of the animation
The red box highlights the canvas visible area of the animation
Inside each Html file exported from Adobe animate, I added an onMessage Play command, so later the Wix platform could communicate with the Animation and play it when needed
The final step was inside the Wix editor, using a Wix Html component (an iFrame) I placed the numbers animation, and using Velo the Wix website would dynamicly call the correct number and play the animation when needed using a simple postMessage command
Final animation connected to a baseball statistics database using an API
Hope you liked it, Thank you :)
