[HN Gopher] Sliderland - Creative coding with 64 HTML sliders
___________________________________________________________________
Sliderland - Creative coding with 64 HTML sliders
Author : bryanbraun
Score : 145 points
Date : 2022-05-13 15:19 UTC (7 hours ago)
(HTM) web link (sliderland.blinry.org)
(TXT) w3m dump (sliderland.blinry.org)
| DerekBickerton wrote:
| Something similar:
| https://mrdoob.com/lab/javascript/checkbox_painter/
| blinry wrote:
| If you're into this, also check out @bryanbraun's
| "Checkboxland", which was a huge inspiration for this project!
| :) https://www.bryanbraun.com/checkboxland/
| russellbeattie wrote:
| Fun and simple, nice. I'd love to see the raw values presented
| using something like dat.gui, as well as basic play/pause/step
| controls.
|
| https://github.com/dataarts/dat.gui
|
| You can see how it's used in this codepen:
|
| https://codepen.io/russellbeattie/pen/kGxaqM
| afry1 wrote:
| 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.
|
| Well done.
| squarefoot wrote:
| 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.
| have_faith wrote:
| I think there's little risk of someone thinking this is a
| recommendation for a proper animation engine.
| panzerboiler wrote:
| 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.
| squarefoot wrote:
| 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.
| [deleted]
| NickBusey wrote:
| If you missed the link at the bottom to the music video, you
| missed out. https://www.youtube.com/watch?v=bUTPlQzfz1k
| brikelly wrote:
| Guess the creator was a big Slint fan :)
| xhrpost wrote:
| I really like these super simple but creative ideas. Lists.sh a
| few weeks ago landed there for me as well.
| PaulHoule wrote:
| It's like a 1-d pixel shader!
| aaronharnly wrote:
| No sandboxing, so this is easy enough to do too :)
|
| https://sliderland.blinry.org/#document.body.style.backgroun...
| cheeseface wrote:
| Oddly satisfying.
| oneeyedpigeon wrote:
| 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...
| toqy wrote:
| it also uses canvas, not actual html sliders
| oneeyedpigeon wrote:
| Oh yes -- I see this comment in the source:
|
| > 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.
| a9h74j wrote:
| Darn, I thought this was going to be my solution to
| outliers in scientific data plots.
| justinsaccount wrote:
| https://sliderland.blinry.org/#sin%28t%2Bx%29*0.5%2B0.5 is very
| relaxing
| Semiapies wrote:
| I took it to this and found it even more so:
|
| https://sliderland.blinry.org/#sin%280.25%20*%20t%2Bx%29*0.5...
| Squarex wrote:
| Nice reference to the Slint's Spiderland.
| chaosprint wrote:
| This is really cool. Is the music video related to the slider or
| it's just visualization? Would be cool to convert the func into
| sound like this:
|
| https://glicol.org/tour#meta1
|
| Will look into the source code tomorrow.
| dylan604 wrote:
| does the binary one going from left to right feel odd to anyone
| else?
| rickdeveloper wrote:
| Here's one that goes from right to left:
| (2**(64 - i)) & (t*10)
| dylan604 wrote:
| Nicely done! My OCD says things are back to normal now.
| [deleted]
| dillondoyle wrote:
| So cool. I like how didn't try to style slider input, it's
| hellish to get it to look nice across browsers.
| Marazan wrote:
| https://tixy.land/ seems to be the inspiration?
| [deleted]
| couchand wrote:
| This is really neat! Also, please don't hijack the back button if
| you're not going to do anything useful with it!
| [deleted]
| zamadatix wrote:
| Reminds me of an old Chrome Experiment post
| https://web.archive.org/web/20120103162101/http://toki-woki....
|
| Doesn't exactly work right on modern browsers anymore but the
| gist was a 7 segment clock display made out of scrollbars.
___________________________________________________________________
(page generated 2022-05-13 23:00 UTC)