Blob Sallad – canvas tag and JavaScript physics simulation experiment


	Blob Sallad – canvas tag and JavaScript physics simulation experiment

ylodi

1-26-2008 9:39 AM

919 views

tags:

javascript

1 Comment |

Add a Comment

1-26-2008 12:26 PM

mooner-one

Cool! It looks like the blob is beatin' its head against the wall as it runs into the edges.

Login to Comment. Not a member yet? Sign up

Today's Top Clips

visit the Top Clips page

View the Top Clips from January 26, 2008

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/eae5b14b-49ca-4901-ae63-c79aef52c9d7/50D9D193-CB2F-4A3A-9D54-670BA24D8A08/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://dev.opera.com/articles/view/blob-sallad-canvas-tag-and-javascrip/" href="http://dev.opera.com/articles/view/blob-sallad-canvas-tag-and-javascrip/" style="font-size: 11px;">dev.opera.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://dev.opera.com/articles/view/blob-sallad-canvas-tag-and-javascrip/"><H1 class="title">Blob Sallad – canvas tag and JavaScript physics simulation experiment</H1></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://dev.opera.com/articles/view/blob-sallad-canvas-tag-and-javascrip/"><P>Blob Sallad is a small demo I put together using the <CODE>canvas</CODE> tag, which modern browsers have started
to support in recent versions (eg Opera 9.x and Firefox 2.x,) and some JavaScript physics simulation.
The main inspiration was the game Loco Rocco, and after reading an article about game character physics
by Thomas Jacobsen (<A href="http://www.teknikus.dk/tj/gdc2001.htm">http://www.teknikus.dk/tj/gdc2001.htm</A>) I decided I could use similar techniques for
blob simulation.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://dev.opera.com/articles/view/blob-sallad-canvas-tag-and-javascrip/"><P>You can see a working demo of Blob Sallad at <A href="http://blobsallad.se/">http://blobsallad.se/</A>, and download the source code to
play around with at <A href="http://blobsallad.se/blobsallad.js">http://blobsallad.se/blobsallad.js</A>.</P></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/50D9D193-CB2F-4A3A-9D54-670BA24D8A08/blog/" title="blog or email this clip"><img src="http://content8.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

New from the makers of Clipmarks: Amplify.com - Don't just share the news...Amplify it!

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Copyright; Privacy; EULA

Search Options

Today's Top Clips