pixi texture animation

[odell 0 Likes (Newbie)]

So theres two things I'm trying to accomplish that I can't seem to figure out. How would i go about changing the "baseSpeed" to 0 when I hover over the button and if I wanted the particles to interact with the cursor either repel or attract how should I go about that.

See the Pen XWmZQJa by trendstar (@trendstar) on CodePen

[ZachSaucier 7,162 Likes (Superhero)]

1 hour ago, odell said:

How would i go about changing the "baseSpeed" to 0 when I hover over the button

GSAP animates objects, so you could put the speed in an object and animate that object. Something like:

const baseObj = {speed: 0.02};

// Later
gsap.to(baseObj, {speed: 0});

 

1 hour ago, odell said:

if I wanted the particles to interact with the cursor either repel or attract how should I go about that.

You need to calculate the distance from the mouse position to each particle and then implement some logic to animate the particle to or away from that point