menu

Spirit

Spirit is the ultimate tool for creating animations for the web. Live edit animations directly in the browser.

Channels
# All channels
view-forward
# General
view-forward
# Announcements
view-forward
# Feature Requests
view-forward
# Help
view-forward
# Show and Tell
view-forward
Team

Does Spirit support GSAP 3?

January 14, 2020 at 11:37am

January 14, 2020 at 12:12pm
The open source web player supports GSAP 2, although a fix would be fairly simple, this method should be updated. Feel free to submit a PR and we can work on it together.
A totally new version of Spirit Studio is currently in development (supporting multiple formats like Lottie, GSAP, Anime, etc).. and will be shipped with a new (much simpler) API for playing GSAP 3+ animations.
Please let us know if you have any further questions.
Thanks!
Edited
  • reply
  • like

January 16, 2020 at 10:16am
How would we go about updating it? And you don’t think it would be hard to fix? But thanks for the reply!
  • reply
  • like
And that update would be a life saver haha
  • reply
  • like
How would we go about updating it?
What exactly do you mean? Updating Spirit Studio (once it gets released)? or fixing the code to make GSAP 3 work?
And you don’t think it would be hard to fix?
Not really, that one method is responsible for constructing the GSAP timeline. The GSAP construct API is slightly different (duration for example is moved to props).
Is there any particular reason why you need GSAP 3 now? If it can wait we'll introduce a completely new web player.
Thanks!
  • reply
  • like

January 19, 2020 at 3:11pm
I meant fixing the code sorry should of been more specific. And I’m using it for one of my clients sites and they need to done soon.
  • reply
  • like
Thanks
  • reply
  • like

January 20, 2020 at 12:14pm
Sure, I can see if we can create a fix somewhere next week. I'll keep you posted on any updates
  • reply
  • like

January 21, 2020 at 1:30pm
Okay thanks a lot for that!
  • reply
  • like

January 29, 2020 at 8:46pm
Good news 🙌
We've patched the web player to work with gsap 3!
CDN:
<script src="https://unpkg.com/[email protected]/dist/spirit.min.js"></script>
Node:
npm install [email protected]
  • reply
  • like
One breaking change to consider. The setup() now only accepts the gsap instance.. only use setup if you don't want to dynamic. load gsap from CDN
Edited
  • reply
  • like
here's an example:
import spirit from 'spiritjs';
import gsap from 'gsap';
const start = async () => {
await spirit.setup(gsap); // previously setup({ timeline: TimelineMax, tween: TweenMax })
spirit.loadAnimation(...)
};
start();
  • reply
  • like

February 3, 2020 at 1:48pm
Thanks so much for that!! Greatly appreciated I hope it wasn’t to much work
  • reply
  • like
No prblm at all!
  • reply
  • like

June 22, 2020 at 5:33pm
The open source web player supports GSAP 2, although a fix would be fairly simple, this method should be updated. Feel free to submit a PR and we can work on it together.
A totally new version of Spirit Studio is currently in development (supporting multiple formats like Lottie, GSAP, Anime, etc).. and will be shipped with a new (much simpler) API for playing GSAP 3+ animations.
Please let us know if you have any further questions.
Thanks!
This would be awesome. Hunting something as a bridge between animations for web games / animation control of svg. Looking at Lottie but don't really want to rely too much on AE prefer having direct access to the animations via css/gsap. Would be great to be able to use a combo! How's work going on this? (under current climate etc) :)
  • reply
  • like

June 25, 2020 at 6:51am
Hi , thanks! The latest version of the web player already works with GSAP 3+.
We're currently working hard on the new release of Spirit which gives you the option to export to Lottie, GSAP, Anime and more. + integrations with design tools like Figma, Sketch, etc.
Have a lovely day!
  • reply
  • like