Pixi Plugin : Using Pixi Sound

[mrbuchmas]

I'm wanting to use GSAP with Pixi Sound to fade audio in and out. The docs say that the plugin works with the main Pixi code base, does that include Pixi Sound? If not, is there another way to still use GSAP with Pixi Sound?

[GreenSock]

GSAP can animate literally any property of any object that JavaScript can touch. So you should certainly be able to use GSAP to animate anything in PIXI. I'm not very familiar with Pixi, sorry, but just find the property that you need to animate for the volume/sound, and create a tween that targets that. Give it a try and if you get stuck, pop back here with a minimal demo that illustrates the problem and we'll do our best to help with any GSAP-specific questions. 

[Rodrigo]

Hi,

 

Based on a quick look here:

https://pixijs.io/sound/examples/

https://pixijs.io/sound/docs/Sound.html#volume

 

You could do something like this:

const sound = PIXI.sound.Sound.from('resources/boing.mp3');
sound.volume = 0;
sound.play();
gsap.to(sound, { volume: 1 });

I'm not sure if the PIXI Plugin would work with sounds, since it was created to be used with PIXI display objects, but you could try and see how it goes, if it doesn't work you can try the code I proposed above.

 

Hopefully this helps.

Happy Tweening!

[mrbuchmas]

Super helpful, thank you.