I looked at the code of either this thing or something similar in the past (don't remember). Basically there is a "swarm of particles" that follows your mouse when you draw, and they orbit around it with some noise added, as if it was gravitation simulation. The path of colour trails each particle and it may or may not change over time. So if you stay in one place for long, you get more colour and if you do a quick stroke, particles follow quickly and trail becomes thin. You can also add mirror or star symmetry.
(didn't check the source) It looks like x,y and time as a seed for a function that paints (additively) a complicated line.
click 1 spot over and over, quickly - you'll get a white line that gets a little thicker as it's fully saturated.
click a different spot over and over, but hold it a little longer, you'll see the delta-t effect tracing the same pattern over and over.
one way to implement such a thing, you'd want a function to look at a pixel and it's nearby neighbors, and brighten. red = red+10 or some such. next you'd want a linedraw function, given x,y,t - pick a spot near x and y, step a few pixels away in some direction, brighten the stuff between. repeat that, with a bias tward the direction you're travelling, and cap it out some how. something like steps=(x+y+t)%100 +10. min length is 10, max is 100, kinda vary with time.
Anyway, that's the basics. you can futz around with the specific functions to give a nice effect.
edit
ah, mynegation's comment is probably the truth. particles with inertia would do just the right thing for biasing direction.
The link in question is actually "http://yurivish.com/Silk%20Static/Silkura%20-May%2002%20-loo... - yurivish.com seems to be a loop to localhost (maybe broken DNS or something, I don't know). Apparently it's supposed to have some music playing in the background, as is also indicated in the message when you click the question icon in the top right corner.
Hmm... is there an archive for DNS entries, like the Internet Archive acts as for actual content?
Edit: Apparently there is dnshistory.org. Looks like the registration expired for that domain in 2013, so I don't know why it's resolving to anything. But the A record used to point to 74.208.41.229, which seems to still be listening on port 80 but is just 404ing.
When things like this webpage is made into an app, does the app utilize the same technology or is it reimplemented in the native language? In this case the canvas tag v. the iOS app
To me the most interesting part about this is how looking at the comments here it's apparently a great Rorschach test. "Whatever I draw always ends up lookiing like a uterus.", "everything I try ends up looking like some kind of bug", "Any image I make with this one looks like e-cigarette packaging", etc.
Am I off in saying that this is not new? I swear there was something exactly like this back in the good ole Flash days, possibly even named the same thing. Anyone else recall it?
There is nothing inherently beautiful about symmetry (or anything else for that matter.) Most things that are symmetrical look artificial, manufactured and fake. What you are probably drawn to is contrast, color, flowing lines, and other things that have nothing to do with geometric symmetry.
66 comments
[ 4.3 ms ] story [ 88.7 ms ] threadhttp://r.weavesilk.com/?v=4&id=hhl105bpk73
Can anybody please explain how does it work?
click 1 spot over and over, quickly - you'll get a white line that gets a little thicker as it's fully saturated.
click a different spot over and over, but hold it a little longer, you'll see the delta-t effect tracing the same pattern over and over.
one way to implement such a thing, you'd want a function to look at a pixel and it's nearby neighbors, and brighten. red = red+10 or some such. next you'd want a linedraw function, given x,y,t - pick a spot near x and y, step a few pixels away in some direction, brighten the stuff between. repeat that, with a bias tward the direction you're travelling, and cap it out some how. something like steps=(x+y+t)%100 +10. min length is 10, max is 100, kinda vary with time.
Anyway, that's the basics. you can futz around with the specific functions to give a nice effect.
edit
ah, mynegation's comment is probably the truth. particles with inertia would do just the right thing for biasing direction.
It's using JavaScript (D3) and Canvas. There's an interesting mix of JavaScript libraries included in addition to D3: jQuery, Underscore, Knockout...
It's a shame about the single-step undo.
http://i.imgur.com/NWSYgfz.png
> http://127.0.0.1/Silk%20Static/Silkura%20-May%2002%20-loop.m...
Edit: Apparently there is dnshistory.org. Looks like the registration expired for that domain in 2013, so I don't know why it's resolving to anything. But the A record used to point to 74.208.41.229, which seems to still be listening on port 80 but is just 404ing.
Try playing with the rotational symmetry.
http://i.imgur.com/IJgi1gc.png