Jump to content
Search Community

How to make laminar background colour animations

waldrus test
Moderator Tag

Recommended Posts

Hi,


Basically they're using this background:

background-stripe.png

 

And they're using PIXI's tiling sprite class:

https://pixijs.io/examples/#/sprite/tiling-sprite.js

 

As for the deformation, it seems that they're using the displacement map filter:

https://pixijs.io/examples/#/filters-basic/displacement-map-flag.js

 

With this image:

gradient6verti.png

 

Perhaps @OSUblake our resident PIXI wizard can see something else in it and offer some advice. Chances are that perhaps He has a codepen in his vast collection that is similar to this.

 

But if you're not quite familiar with PIXI and how it works, Mikel's morph SVG solution should be a very good starting point.

 

Happy Tweening!!!

  • Like 4
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...