Streaming live at 10am (PST)

WebGL Particle Logo Implementation HELP

Hi everyone,

I’m looking for someone to help me implement a WebGL logo particle interaction in the hero of my site. I’ve purchased a license for https://nextparticle.nextco.de/ and require my logo in its place.

Does anyone know if this is possible with Webflow and are there any heroes willing to help out - happy to remunerate for the time!

Cheers!

Hey @tjthomsonjones,

This shouldn’t be too complicated, I can help :slight_smile:

1 Like

Follow this example (Only change to your transparent logo).

https://codepen.io/Zaku/details/aWWGXN

1 Like

Hey guys,

Thanks for your responses. I’ve followed it so far in that I have my embed with this:

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

data-renderer=“webgl”

data-particle-size=“1”
data-layer-count=“1”
data-depth=“1”

data-life-cycle=“true”
data-grow-duration=“200”
data-wait-duration=“200”
data-shrink-duration=“200”
data-shrink-distance=“10”

src=“https://uploads-ssl.webflow.com/5c51b8093dcfd38165099093/5cd861d43d256b6c70f10589_vovi.png

What am I missing?

This is too general to understand what is missing.
Can you share a read-only link to the project?

Apologies, seems I’ve managed to get it working!

Whoop!

Standby though - thanks for your help!

1 Like

In general wrap code like this:

```

my-code-here

```

Or use this button:
image

1 Like