gSkinner - Home

Beach Grass in the Wind

Posted on November 28, 2007 by Grant Skinner

Grass swaying in the wind, clouds drifting by. This experiment is meant to look like you are cycling alongside an endless tranquil beach on a perfect day.

I’m not quite sure about the cycling motion / bounce, but I’m happy with the wind in the grass, and the clouds for the most part.

Based on the grass engine I built for my “50 Reasons AS3 Kicks Ass” session slides.

Bonus points if you can guess all of the uses of perlin noise in this experiment (there’s 5). :)

Follow @gskinner on Twitter for more news and views on interactive media.
11 Comments

Pretty sweet dude!

DJ

Posted by: David Jumeau on Nov 28, 2007 12:43pm URL: http://blog.geminilearning.com

This is amazing and inspiring - I can't believe how smooth it runs, thanks for sharing!

perlin noise - 1) clouds 2)grass bend 3) grass bounce 4) sky gradient? 5) grass gradient?

Posted by: Lex on Nov 28, 2007 12:49pm URL: http://www.lextalkington.com

Oh beware- Grant is back in the lab! Nice one! But has Robert seen this ;-)?

Here's my guesses:

1+2) 2 layers of Clouds ( or 1 layer + extras alpha channel)

3) Grass Size

4) Grass Bend

5) Vertical "cycling" bounces

Posted by: Mario Klingemann on Nov 28, 2007 1:43pm URL: http://www.quasimondo.com

Pretty much correct:

1) Clouds (2 layers)

2) Grass height trend (to create nice tufts)

3) Cycling bounces

4) Strong wind (all grass moves at once)

5) Wind gusts (ripple through the grass)

Gotta love perlin noise!

Posted by: Grant Skinner on Nov 28, 2007 1:49pm URL: http://gskinner.com/blog/

So do we get the code?

Posted by: Brian on Nov 28, 2007 3:05pm

Thats a no, we don't get the code ;)

Posted by: Matthew on Jan 3, 2008 5:25am

unfortunate

Posted by: Evan on Jan 4, 2008 4:10pm

Totally neat.

Posted by: Chris Charlton on Jan 17, 2008 9:15am URL: http://laair.org

http://portfolio.barbariangroup.com/nextfest/index.html

Posted by: anon on Feb 1, 2008 8:48am URL: http://anon.com

so beautifuly!

Posted by: mystory on Sep 26, 2008 2:53am URL: http://none

hi, this looks like real,

can u make an tutorial pls.

Posted by: Saki on Dec 29, 2008 12:50pm

Leave a Reply

Your email is never published nor shared.




You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">