Streaming live at 10am (PST)

Particles - Mouse force not working


#1

Hi Guys,

So I’ve initialised a cool looking particle animation the menu of my site (hit the burger to see). For some reason when I change values in the JS it’s not updating. I’m trying to set the mouse force to -200 so It has a pulling effect.

I have a feeling it’s due to me deleting the GUI, however I really don’t want that on the site.

@samliew Any idea what’s going on?

Live Link - http://socialeyesburgtest.webflow.io/

Webflow Link - https://preview.webflow.com/preview/socialeyesburgtest?preview=84a02098b27083e521114395171de1fb

Thanks <3


#2

Fix the errors in your console.

Screenshot_2017-08-21_110855


#3

@samliew I can’t see any!


#4

Have you also followed the documentation exactly how they implemented it?

https://nextparticle.nextco.de/documentation.html#toc_8


#5

I have indeed, but I got this version through codepen. I tried using the default one but that didn’t work properly.
Below is what I have in webflow copy/pasted into codepen.


Below is how they recommend to do it but it does nothing:

<img
id="logo"
class=“next-particle”

data-mouse-force="-200"

src=“http://res.cloudinary.com/dwjkgpdxz/image/upload/v1503250369/500_px_logo_cbrbqa.png

What do you suggest?


#6

https://codepen.io/samliew/pen/KvoZob


#7

@samliew

Awesome that one worked! So what are you doing differently? When I try and add these they don’t show me errors but stop it from initialising. Do I need to wrap this in a separate set of tags?

This is an example of me trying it below

<img
id="logo"
class=“next-particle”

data-gravity=“0.24”

src=“http://res.cloudinary.com/dwjkgpdxz/image/upload/v1503250369/500_px_logo_cbrbqa.png”>