Meet the Canvas

Our engine renders effects in realtime using the html canvas element, similar to the way a browser renders websites you visit.

Custom effects must be stored in a specific folder in your computer so we can find them. Regardless of which IDE you choose, each effect is a single HTML file that belongs in Users/<user>/Documents/WhirlwindFX/Effects while in development, they are shown at the "Installed" menu, for every new file put in said folder, SignalRGB needs to be restarted.

The <canvas> must be created in your <body> element and then correctly fetched in the <script> (represented in this example by var ctx). Methods attached to ctx such as fillStyle, fillRect, etc. can then be used to create the desired animations. A simple hue cycle example follows.

Head
Body
Script
All
Copy

The Result

And there we have it, a very impressive hue cycle. It might be basic, but this little template contains everything you need to get started coding! For more detail, check out the next section Effects are Webpages.

Type to search, ESC to discard
Type to search, ESC to discard
Type to search, ESC to discard