Æliens

  <script type="text/javascript" src="sample-js-blob.js"> </script>
  <style type="text/css">
  canvas { }
  .trs {
          filter:alpha(opacity=50);
          -moz-opacity:0.5;
          -khtml-opacity: 0.5;
          opacity: 0.5;
  }
  </style>
  

  

  <canvas class=trs id="blob" width="800" height="400">
  the story of blob(s) if full with ...
  </canvas><br>
  

  <h6>
  j = <a href="javascript:blobColl.join()">join</a>, h = <a href="javascript:blobColl.split()">split</a>, g = <a href="javascript:toggleGravity()">gravity</a> (on/off) /
  <a href="javascript:stop()">pause</a> /
  <a href="javascript:start()">resume</a>
  </h6>
  
 javascript / configure(s) / physic(s)