Wallop | animated wallpaper engine built in C # using Silk

I think what you might be missing is including the javascript code in the HTML document (codepen might be doing it for you)

Can you wrap your JavaScript code in a tag and include it at the bottom your HTML document and try again?

Example:

Gulp 4.0 has changed the way that tasks should be defined if the task depends on another task to execute. The list parameter has been deprecated.

An example from your gulpfile.js would be:

Look into the https://static.codepen.io/assets/embed/ei.js, then you will see it executes two steps:

1. check document.getElementsByClassName if exists, create it if not.

2. one IIFE to execute the embed.

So one hacky way as below simple demo:

1. copy the source codes from https://static.codepen.io/assets/embed/ei.js

2. copy the codes of first step then wrap it as one function = _codepen_selector_contructor

3. copy the codes of second step and remove () from the end, then wrap it as one function = _codepen_embed_method

4. create one vue-directive (I prefer using the directive to support the features which directly process Dom elements, you can use other solutions), then execute _codepen_selector_contructor and _codepen_embed_method

5. Probably you want to replace document inside _codepen_embed_method with el instead, then execute _codepen_embed_method(el). so that it will not affects other elements.

Below demo uses the hook='inserted', you could use other hooks if inserted can't meet your requirements.

You can always cast the object into specific type and use the custom methods