Make Some Perlin Noise! … a Flashbelt Follow-up

June 15th, 2008 : Nik Rowell
Zyban Generic Buy Penisole Online Cipro Without Prescription Seroquel No Prescription Hoodia For Sale Cymbalta Generic Buy Celexa Online Phentrimine Without Prescription Celexa No Prescription Ultram For Sale

I had the opportunity to attend Flashbelt again this year. And it was awesome.

perlin_snapshot.jpg

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.
PerlinCurtain 1

PerlinCurtain 7

I Began incorporating BitmapColorChannel’s for some nice color:
PerlinCurtain 6

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

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

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:

PerlinCurtain 17

PerlinCurtain 19

PerlinCurtain 23

Email me for the source.

Tags:

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • ThisNext
  • Furl
  • Reddit
  • Slashdot
  • Technorati

6 Responses to:
“Make Some Perlin Noise! … a Flashbelt Follow-up”

  1. a gravatarCarrie Downing

    Very cool, Nik. Looks like digital cheesecloth sculpture. (Very cool digital cheesecloth sculpture.)

    Etsy is one of my favorite sites, btw!

  2. a gravatarNik Rowell

    Thanks Carrie!

    I can’t take too much credit though, I just had a little fun with some new tricks…

  3. a gravatarAlan Shaw

    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.

  4. a gravatarPaul Mayne

    Looking great Nik! I’d like to check out the code.

  5. a gravatariannakin

    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.

  6. a gravatarNik Rowell

    Sure think iannakin… watch for an email from me..


Leave a Reply:

Subscribe without commenting