Make Some Perlin Noise! … a Flashbelt Follow-up
June 15th, 2008 : Nik RowellI had the opportunity to attend Flashbelt again this year. And it was awesome.
This year’s highlight was seeing Jared Tarbell speak again, who’s done amazing work in both Processing and Flash, and is a the co-founder of Etsy, an excellent marketplace for all things handmade! For those who have kids, or like wearing really small clothing, be sure to check out Orange Rhino for some sweet threads from our very own Jess Louwagie.
Jared’s session once again left me speechless. The work was refined and elegant, the music fitting, and the presentation seamless. What inspired me the most of about these speakers, however, was not just their work. It was how approachable they all were. And how apparent it was that their work was fueled by curiosity; a willingness to make mistakes and a stubbornness not to give up.
One of Jared’s pieces that caught my eye was a series renderings that used Perlin Noise to generate forms resembling an iris (of the eye, not the flower).
While analyzing some of his source code (special thanks to Jared for providing it), and listening to Eric Jordan’s mix, Indigo, it became apparent to me the potential of using BitmapData.perlinNoise() and BitmapData.getPixel() to achieve organic, pseudo-random results.
Read on to see my latest experiments - Click the images to see the full-version. They look better
…
I started with a simple experiment based on Jared’s demonstration: using the
BitmapData.getPixel()method to control the x and y velocities of an array of particles.

I Began incorporating BitmapColorChannel’s for some nice color:

Eventually started taking color samples from an external image (in this case, a stock photo of a vibrant autumn leaf):

I got bored of using stock photos, and opened up Photo Booth to provide my color palette (a little bit creepy):

I then took it one step further and attached a streaming video, taking samples of that, which looked pretty cool.
I didn’t think I needed to smile - but my tough-guy face isn’t very convincing:
Email me for the source.

















June 16th, 2008 at 8:49 am
Very cool, Nik. Looks like digital cheesecloth sculpture. (Very cool digital cheesecloth sculpture.)
Etsy is one of my favorite sites, btw!
June 16th, 2008 at 8:30 pm
Thanks Carrie!
I can’t take too much credit though, I just had a little fun with some new tricks…
July 12th, 2008 at 2:56 pm
Hi Nik,
I’d love to get the source code. I’ve started experimenting with 3D Perlin noise (post) and I want to take the next step of using it for flocking.
July 29th, 2008 at 1:27 am
Looking great Nik! I’d like to check out the code.
April 29th, 2009 at 5:24 am
Hi !
I am myself trying some stuff with the wonderful perlinNoise function.
Would it be possible to have your source code for this experiment ?
Thx in advance !
Good work.
April 29th, 2009 at 8:19 am
Sure think iannakin… watch for an email from me..