As someone's whose math(s) isn't up to scratch, I find the HTML sliders aspect of this the least interesting. But I love the demonstration of what you can do with a simple equation — it reminds me of some of the things I've seen people do with pico-8, for example. This demo right here absolutely destroys my cpu, tho...
So cool! What a fantastically well presented piece. The simple step-by-step explanations of how to interact with and control the various function inputs left me feeling like I actually knew how to do something with it, which is a far cry from most interactive software playgrounds.
Nice demo, but it pushes CPU usage from 1% to 17-20%, and could encourage the use of the wrong control for a given task. As an example, I've often seen on web pages check boxes (an input widget) used to represent read only boolean values where check marks would have been the correct choice.
Relax. It's a web toy inspired by another web toy. Nothing serious and nothing to be worried about. If you want to change the world for the better, fight against google, twitter, facebook, and their tracking ads networks. Those are the places where a serious amount of CPU cycles are wasted every second producing toxic matter. We need more creative (mis)uses of the web, not less.
I wasn't bashing the creativity, however it should be noted somewhere that it's not the optimal way to use those controls. Although it seem obvious to most of us, people looking for programming examples might take it more seriously.
I recall a colleague back in the day (late 90s to early 2k, VB or possibly Delphi) telling me: "heh, I didn't know where to find a sorting function for this and that, so I dragged on the app form a visual component (grid, list etc) having a similar method, made it invisible, then copied data back and forth using its cell/list/array sorting method: problem solved". Different context as my colleague knew it wasn't an optimal solution, but you get the point.
I'd also encourage more creative (mis)uses of the web, but possibly with some warnings attached just in case.
> in case you're wondering, i use a canvas instead of HTML sliders for consistent display across browsers
which makes the emphasis on sliders even stranger, to me.
Doesn't exactly work right on modern browsers anymore but the gist was a 7 segment clock display made out of scrollbars.
:D
Well done.
[0]: https://github.com/blinry/sliderland
https://github.com/dataarts/dat.gui
You can see how it's used in this codepen:
https://codepen.io/russellbeattie/pen/kGxaqM
https://glicol.org/tour#meta1
Will look into the source code tomorrow.
https://sliderland.blinry.org/#sin%280.25%20*%20t%2Bx%29*0.5...
Has some pleasant aliasing effects.
https://sliderland.blinry.org/#document.body.style.backgroun...