Hi all,
Here’s a selection of WebGL/THREE.js animated backgrounds, all wrapped up in a nice plugin which is now available. Hopefully they’ll be of some use.
https://bubble.io/plugin/webglthree-backgrounds-1726886357214x263270208461078530
There are 10 in total, all as separate visual elements within the plugin that you can just drag to your screen and preview.
Each visual element comes with some basic settings, some contain no settings, others have one action called “Change settings”. You can use the bring to front and send to back options in Bubble to control the placement, and enable mouse clicks through the background if you want.
The animations are self-contained within the actual visual element so if you want any of them full screen, then you simply size the element so it fills the entire screen through the layout options.
Here’s a demo page showing all of them in action.
https://paul-testing.bubbleapps.io/version-test/webgl_backgrounds
Here’s the editor:
https://bubble.io/page?id=paul-testing&tab=tabs-1&name=webgl_backgrounds&type=page
Through the editor, the available elements appear like this so you just pick the one you want.
Some images of these animations:
Enjoy!
Paul