# Does Bootstrap have any system for doing 'character/cutout' style animation?

**URL:** <https://forum.pinegrow.com/t/does-bootstrap-have-any-system-for-doing-character-cutout-style-animation/4036>\
**Category:** Random\
**Created:** [April 30, 2020, 4:20am UTC](https://forum.pinegrow.com/t/does-bootstrap-have-any-system-for-doing-character-cutout-style-animation/4036 "2020-04-30T04:20:04Z")\
**Posts on this page:** 1\
**Showing post:** 14

<div class="post-metadata">

**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\
**Post date:** [April 30, 2020, 8:21pm UTC](https://forum.pinegrow.com/t/does-bootstrap-have-any-system-for-doing-character-cutout-style-animation/4036/14 "2020-04-30T20:21:58Z")

</div>

> [@AllMediaLab](#):
>
> Just made a test page for you to show a animation made within Pinegrow. It’s only a background image and a SVG (the rocket) it’s not as smooth as I want, but maybe the coming update will solve that or I didn’t see a particular function. You have to reload the page to repeat the animation.
> 
> [Simple example interaction with one vector image](https://www.yourweblab.nl/interactions/)
> 
> **No coding was needed**! But I created my own animation by **filling in some fields in a panel**.

By contrast using GSAP with custom coding directly, 10 lines of code:

https://codepen.io/petebarr/embed/preview/BLVOOj?default-tabs=css%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=BLVOOj

Or with Three.js coupled with GSAP (over 10 lines of code ):

https://codepen.io/recursiveElk/embed/preview/rXaoKY?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=rXaoKY

It becomes evident that inputs and sliders through an app have their limitations for what they can accomplish. The one using Three.js could not be accomplished in “Pinegrow Interactions”. But I even question if the first one with 10 lines of code could be accomplished with “PGIA”? I just looked at it briefly and unless I’m misunderstanding the inputs I can’t see where you would have input for things like

> attr:{ cy: 185}  
> {clearProps:“all”}

But perhaps I overlooked some inputs in PGIA? That’s nothing against “Pinegrow Interactions” as it has its own limited purpose as @matjaz previously stated.

> [@Short impression of the amazing interactions plugin](https://forum.pinegrow.com/t/short-impression-of-the-amazing-interactions-plugin/3564/5):
>
> Pinegrow Interactions don’t aim to be visual builder for GSAP.
> 
> PGIA’s utility is to easily and visually add interactions to a web project. If you need to further customize interactions, then PGIA is not the right solution for you.

But it does quickly exemplify how custom coding whether it be using GSAP, Canvas, Javascript, CSS3, SASS, etc., is unparalleled with what can be creatively accomplished and rightly so.

> [@ladlon](#):
>
> - randomize
> - randomly

I’m not sure you will get much randomization from Pinegrow Interactions currently until they upgrade it to GSAP 3 and if they then implement the built in GSAP 3 utility functions fully.

@ladlon From what you have described both here and the thread from 2 years ago, I would instead spend time learning things directly, I think you will be happier in the long run.

---

_[View the full topic](https://forum.pinegrow.com/t/does-bootstrap-have-any-system-for-doing-character-cutout-style-animation/4036)._