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>
<title>Hue Cycle</title>
<meta description="Stock hue cycle."/>
<meta publisher="WhirlwindFX" />
<meta property="speed" label="Cycle Speed" type="number" min="1" max="10" default="2">
</head>
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.