Principia Discordia

Principia Discordia => Bring and Brag => Topic started by: Triple Zero on February 27, 2010, 02:10:16 PM

Title: 000's Digital Data-Driven Design Doodles
Post by: Triple Zero on February 27, 2010, 02:10:16 PM
Wheeee check it out:

http://tr.im/datadrivendesigndoodles or http://elvicities.com/~ananames/swirl.svg

tested to work in Opera and Firefox (sorry IE users)

it's randomly generated swirly twirly doodles in retro-70s design :D you can either reload or click to get a new one!

enjoy! perhaps post screenshots of ones you really like or something :-P



(btw for those who run both Opera and FF, I would advice Opera because its SVG rendering engine gives higher quality images, sometimes the Firefox makes a littlebit ragged artifacts at the edges, taking IMO away from the smooth roundy curvy look of the whole thing)
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Muir on February 27, 2010, 02:44:41 PM
I just spent 5 minutes clicking on it. o_o  Fun!!
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Fredfredly ⊂(◉‿◉)つ on February 27, 2010, 03:58:18 PM
COOL!  :D
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Cramulus on February 27, 2010, 04:03:13 PM
(http://i209.photobucket.com/albums/bb163/wompcabal/DINGiUSface.png)


(http://i209.photobucket.com/albums/bb163/wompcabal/hugclops.png)
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Cramulus on February 27, 2010, 04:16:02 PM
(http://i209.photobucket.com/albums/bb163/wompcabal/goatguy.png)
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Triple Zero on February 27, 2010, 05:29:27 PM
haaaahahaha those are awesome Cramulus!!

Really interesting you did this, because my gf was also recognizing images, shapes and figures in the squiggles. Additionally she compared them to the work of Karel Appel:

http://www.cantonart.org/ArtGateway/collection/a/appel-jumping-fox.jpg
http://www.konstbolaget.se/images/product/large/Appel.Karel-6.Figurkomposit.gif.500
http://www.rogallery.com/_RG-Images/Appel/Appel-Floating_Red_Passion.jpg
http://www.rogallery.com/_RG-Images/Appel/Appel-The_Silver_Kiss.jpg

I'm no art historian, nor very familiar with Appel's work, but it seems to me he used a similar process for his paintings. Starting out with a rather random sketch or squiggle*, then squinting his eyes until he recognizes a familiar or meaningful shape or image in it, then painting the lines and colouring the areas to make this meaningful shape more apparent. Just like you did.

(* but made by hand, not a collection of randomly parametrized trig functions)
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Mesozoic Mister Nigel on February 27, 2010, 07:01:20 PM
This is FUCKING AWESOME

That is all.
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Triple Zero on February 27, 2010, 07:09:26 PM
Thanks :D

I should get coding more generative graphics stuff, then.

I'll rummage through my old files too, I used to make loads of this stuff back in the days. Except back then I was more focused on complexity and technical skill. Like these things would be wayy too simple and boring, they should at least be moving, and in 3D, and more shiny and glitter :-P But then, I got a much better feel for simple techniques that make a design look good. I would have never came up making a rounded rectangle background as a canvas, and a lot of other tiny subtle design decisions that make for a polished look.
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Roaring Biscuit! on February 27, 2010, 07:24:18 PM
could you make a sig sized version of this?  or would it not work as a signature?
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Rococo Modem Basilisk on February 27, 2010, 08:14:44 PM
This is awesome.

I have a use for generative art that can be Lo5'd easily. If you write any more of these kinds of things, I'd be interested -- especially if you made a central site to load one of the generative art programs at random.
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: NWC on February 27, 2010, 08:58:15 PM
I just tried that link with both Chrome and Firefox and it keeps telling me the link is broken.
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Triple Zero on February 27, 2010, 09:46:09 PM
Quote from: Roaring Biscuit! on February 27, 2010, 07:24:18 PM
could you make a sig sized version of this?  or would it not work as a signature?

no the format is SVG, and you can't link those as signatures on forums, usually.

Quote from: Enki v. 2.0 on February 27, 2010, 08:14:44 PMThis is awesome.

I have a use for generative art that can be Lo5'd easily. If you write any more of these kinds of things, I'd be interested -- especially if you made a central site to load one of the generative art programs at random.

Thanks :) If I make more, I will certainly post them here. If you like, you can simply do "view source" (as SVG is just a dialect of XML) and check out the script that generates the path. It's just a bunch of sinus functions.

I did spend quite some time on cleverly tweaking the formulas and the random ranges for the parameters, though.

It's a pretty cool exercise in finding the balance between order and disorder, in fact :) If you clamp down the randomness on the parameters too much (order), you get images that all look alike. But on the other hand, if you allow a really big range on randomness (disorder), your images will simply look like chaotic sharpy scribbles, none of them equal, but they're all kind of the same in being a jumbled mess.

Quote from: NWC on February 27, 2010, 08:58:15 PM
I just tried that link with both Chrome and Firefox and it keeps telling me the link is broken.

Hm that sucks, how about this link, does it work for you? http://elvicities.com/~ananames/swirl.svg
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Sir Squid Diddimus on February 27, 2010, 10:18:19 PM
All those links work in chrome and your doo dad is AWESOME
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Triple Zero on February 27, 2010, 10:30:39 PM
Then possibly NWC is having a network problem with the tr.im URL shortener, in which case the direct elvicities link should work for him, hopefully.

Also, ENKI, in case you (or anyone) is interested, this is the formula used for the doodads:

(http://www.texify.com/img/%5CLARGE%5C%21f%28%5Cvarphi%29%3D%5Csum_%7Bi%3D1%7D%5Ena_i%5Csin%5Cleft%28b_i%2Bc_i%5Cvarphi%2Bd_i%5Ccos%5Cleft%28e_i%2Bf_i%5Cvarphi%5Cright%29%5Cright%29.gif)

this is the formula for one coordinate. for both x and y coords, the constants ai to fi are chosen randomly (see the source of the SVG for their ranges) and the path is drawn for phi from 0 to 2pi.

also i wanted to show off texify.com because it is awesome :-P you can write formulas in LaTeX and it gives you the forumcode to post! whee!
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Rococo Modem Basilisk on February 27, 2010, 10:37:51 PM
Quote from: Triple Zero on February 27, 2010, 10:30:39 PM
Then possibly NWC is having a network problem with the tr.im URL shortener, in which case the direct elvicities link should work for him, hopefully.

Also, ENKI, in case you (or anyone) is interested, this is the formula used for the doodads:

(http://www.texify.com/img/%5CLARGE%5C%21f%28%5Cvarphi%29%3D%5Csum_%7Bi%3D1%7D%5Ena_i%5Csin%5Cleft%28b_i%2Bc_i%5Cvarphi%2Bd_i%5Ccos%5Cleft%28e_i%2Bf_i%5Cvarphi%5Cright%29%5Cright%29.gif)

this is the formula for one coordinate. for both x and y coords, the constants ai to fi are chosen randomly (see the source of the SVG for their ranges) and the path is drawn for phi from 0 to 2pi.

also i wanted to show off texify.com because it is awesome :-P you can write formulas in LaTeX and it gives you the forumcode to post! whee!

Broken for me.
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Triple Zero on February 27, 2010, 10:40:35 PM
FUCK SHIT POOP

well it's awesome but it also sucks, int ath case

transloaded:

(http://img62.imageshack.us/img62/2199/5clarge5cf5cvarphi3d5cs.gif)
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: NWC on February 27, 2010, 10:45:30 PM
Quote from: Triple Zero on February 27, 2010, 09:46:09 PM
Hm that sucks, how about this link, does it work for you? http://elvicities.com/~ananames/swirl.svg

works :) very cool
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Rococo Modem Basilisk on February 28, 2010, 02:29:46 AM
Quote from: Triple Zero on February 27, 2010, 10:40:35 PM
FUCK SHIT POOP

well it's awesome but it also sucks, int ath case

transloaded:

(http://img62.imageshack.us/img62/2199/5clarge5cf5cvarphi3d5cs.gif)

And a-f are just vectors defined by whoever? I'm not sure I understand the equation.

I will probably just look at the source in the svg.
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Rev. St. Syn, KSC (Ret.) on February 28, 2010, 02:50:21 AM
That's pretty damned swote, Trip. :D

Oh and Enki, you are without a doubt a complete tit. God love you. :horrormirth:
Title: Re: 000's Digital Data-Driven Design Doodles
Post by: Triple Zero on August 06, 2011, 11:59:30 AM
bump :)