Design & front-end development

Recent experiments



What is it?

My first go at making an interactive canvas demo. It basically plots a user-defined number of circles on the screen, which then increase in size depending on the proximity of the mouse hover, and how strong the effect has been set by the user. It gets a bit laggy when too many balls are added.

The colours are just a full hue-spectrum from 0-360 on the y-axis and 0-100% saturation on the x-axis going from top-left. Depending on whether the user has clicked, the canvas will be constantly cleared, or it won’t; creating a ‘painting’ effect.

I added a makeshift UI so the values could be changed on the fly, although these are a bit sketchy, in future I’ll try and use dat.GUI.