Posted on November 28, 2007 by Grant SkinnerGrass 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.
if (AC_FL_RunContent == 0) { alert("This page requires AC_RunActiveContent.js."); } else { AC_FL_RunContent( 'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0', 'width', '550', 'height', '550', 'src', '/blog/assets/virtSeaRide', 'quality', 'high', 'pluginspage', 'http://www.macromedia.com/go/getflashplayer', 'align', 'middle', 'play', 'true', 'loop', 'true', 'scale', 'showall', 'wmode', 'window', 'devicefont', 'false', 'id', 'virtSeaRide', 'bgcolor', '#FFFFFF', 'name', 'virtSeaRide', 'menu', 'true', 'allowFullScreen', 'false', 'allowScriptAccess','sameDomain', 'movie', '/blog/assets/virtSeaRide', 'salign', '' ); //end AC code } 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