Pixi.js: Pixi slider frame by frame

[CharlieGlez]

Hi! I'm a huge fan of pixi.js and it's awesome! I've seen a awesome webpage that uses pixi for the effects and I only wanted to know the "drag to start" part where you move and the animation follows frame by frame. Is that in the pixi interactions and what name of the interaction is it.
Here is the web page https://inculerate.com/.

Have a nice day! :)

[bigtimebuddy]

Thanks for the compliments 👍

The short answer is there's is not an interaction feature in PixiJS to achieve that effect. You'll have to create it from scratch, like the author of the website did.

The effect could be created several ways using the interaction manager to handle mouse/touch events for the drag. Potentially a VideoBaseTexture to seek to a location of a video texture, like moving a playhead or using an AnimatedSprite to show a frame of an animation.

[allanbreyes]

GSAP's TimelineMax might help as well: https://greensock.com/timelinemax

[allanbreyes]

@bigtimebuddy - on a tangential note, any idea how they did the "glitching" in text effects?

[bigtimebuddy]

Looks like a DisplacementFilter

[CharlieGlez]

Hello! Thanks for the fast feedback, I appreciate it a lot!
Thank for both of you giving me ideas to make the style look a like.

Cheers!

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.