Using tsparticles.js

Using JavaScript with Hype
1

Hi,

I am looking to use this confetti with Hype.

I am able to do so using the HTML-Widget. Unfortunately I cannot use HTML-Widget as Google Campaign Manager does not allow multiple HTML-files for a single creative.

When placing the same code as inline HTML on a rectangle, nothing happens.

<div id="tsparticles"></div>
<script src='${resourcesFolderName}/tsparticles.min.js'></script><script src="${resourcesFolderName}/script.js"></script>

Any idea how I can make this work? :blush:

Particle-animation.hype.zip (107.4 KB)

2

Particle-animation.hype.zip (109,5 KB)

you needed to ensure that elements exist and paths are correct ... seems to work ...

1 Like
3

That is perfect, thank you very much! One more thing: how can I make the animation stop after 30 seconds?

4

pJSDom[0].paused = true

as timelineaction may work

2 Likes
5

Thanks! :blush: