Neonflames generative art demo
I think this is my favorite canvas demo I have created so far. It is an interactive drawing tool based on particle effects. It is the result of me trying to create some generative art using canvas. The techniques used are actually pretty similar to the ones shown in my frontendconf talk on particle systems. In short:
p.vx = p.vx*0.8 + getNoise(p.x, p.y, 0)*4+fuzzy(0.1); p.vy = p.vy*0.8 + getNoise(p.x, p.y, 1)*4+fuzzy(0.1); p.x += p.vx; p.y += p.vy; data[index] = tonemap(hdrdata[index] += r); data[index+1] = tonemap(hdrdata[index+1] += g); data[index+2] = tonemap(hdrdata[index+2] += b);
I'm planning to play with a few improvements especially in tone mapping and controls in the future but feel free to take a look at the source on github. I hope you enjoy it.
Jonas Wagner
Very cool! Not many canvas experiments make me want to take screenshots as much as this one does. Truly beautiful images.
Comment by Eric Sorenson — 10/2/11 2:56 AM | # - re
WOW. As an old Perl programmer / web junkie, I gotta love the new HTML5. Your work is an inspiration. Many thanks.
Comment by Trudge — 10/2/11 9:06 PM | # - re
:) I just noticed your favicon. Right ON!
I'm an old lifer myself.
Comment by Trudge — 10/2/11 9:15 PM | # - re
Love it. Nice, readable code too.
Comment by codecontemplator — 10/11/11 10:48 PM | # - re
I'm really interested in how you used the imgur api - how'd you get the canvas image to be posted there?
Comment by Andrew Wooldridge — 10/16/11 5:38 AM | # - re
29a.ch/2011/9/11/uploading-from-html5-canvas-to-imgur-data-uri
Comment by Jonas Wagner — 10/18/11 9:45 PM | # - re
Love this program. Great for nebula backdrops...
Thank you.
Comment by DELTA — 2/16/12 5:18 AM | # - re
I have found this program by chance and I think it's amazing. As it is possible to save the images in png format, it will be great if the background could be set as transparent. Whit this options is possible to insert the generated images in other graphic elaborations. I know that something like this can be done with Potoshop or similar,but there are a lot of people that aren't professionals (just like me of course...) (I am from Italy,sorry for my bad english)
Comment by Paolo — 3/28/12 1:25 AM | # - re
I love this. It's so peaceful and beautiful, and runs so well (unless I really boost up all the sliders). Really lovely work you've done.
Comment by Sue — 4/18/12 12:17 PM | # - re
I have been glued to this for a solid 10 hours. I have made our solar system as well as other space images. This has truly blown my mind. I started to download my images but after so many, it stopped working. I was wondering if this was just an error or did you have a limit. Each drawing takes me roughly an hour so I would like to keep them upon completion. Thank you for your response and for creating such an amazing program.
Comment by Marcus — 7/20/12 8:30 AM | # - re
Thanks! hm, I certainly didn't put any limit in place. Maybe you ran out of memory on your machine? :/
Comment by Jonas Wagner — 7/20/12 10:49 PM | # - re