topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

graphic-javascript-effect-astronaut-effect.htm / htm



  
  <!-- TWO STEPS TO INSTALL ASTRONAUT:
  
    1.  Add the onLoad event handler into the BODY tag
    2.  Copy the coding into the BODY of your HTML document  -->
  
  <!-- STEP ONE: Insert the onLoad event handler into your BODY tag  -->
  
  <BODY bgcolor="black" onLoad="space()">
  
  <!-- STEP TWO: Paste this code into the BODY of your HTML document  -->
  
  <SCRIPT LANGUAGE="JavaScript">
  <!-- Original:  Viswanathan Manohar (manohar_v@yahoo.com) -->
  <!-- Web Site:  http://www.geocities.com/manohar_v -->
  
  <!-- This script and many more are available free online at -->
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Begin
  astropic = "graphic-javascript-effect-background-astronaut.jpg"; // location of YOUR astronaut image
  var xval = new Array(); // holds star coordinates
  var yval = new Array();
  no = 100;  // number of stars in the background
  speed = 200; // speed
  xp = 20 + 100 * Math.random();
  yp = 20 + 100 * Math.random();
  angle = 3.14 * Math.random(); // astronaut angle
  xinc = 3 * Math.sin(angle);
  yinc = 3;
  ie = (document.all)? 1 : 0;
  ns = (document.layers)? 1: 0;
  if (ie) {
  width = document.body.clientWidth;
  height = document.body.clientHeight;
  for (var i = 0; i <= no; i++) {
  document.write("<div id=\"div" + i+ "\" style=\"color:white;");
  document.write("position:absolute;left:100;\">.</div>");
  }
  document.write("<div id=\"diva\" style=\"position:absolute;\">");
  document.write("<img src=" + astropic + " border=\"0\" width=\"65\" height=\"95\"></div>");
  for (i = 0; i <= no; i++) {
  xval[i] = width * Math.random();
  yval[i] = height * Math.random();
  document.all["div" + i].style.left = xval[i];
  document.all["div" + i].style.top = yval[i];
     }
  }
  if (ns) {
  width = self.innerWidth;
  height = self.innerHeight;
  for (var i = 0; i <= no; i++) {
  document.write("<layer id=\"div" + i+ "\" style=\"color:white;");
  document.write("position:absolute;left:100;\">.</layer>");
  }
  document.write("<layer id=\"diva\" style=\"position:absolute;\">");
  document.write("<img src=" + astropic + " border=\"0\" width=\"65\" height=\"95\"></layer>");
  for (i = 0; i <= no; i++) {
  xval[i] = width * Math.random();
  yval[i] = height * Math.random();
  document.layers["div" + i].left = xval[i];
  document.layers["div" + i].top = yval[i];
     }
  }
  function star() {
  for (i = 0; i <= no; i = i+4) {
  xval[i] +=5;
  if ((i%20) == 0) xval[i] += 10;
  if(xval[i] >= width)  xval[i] = width * Math.random();
  if (ie) document.all["div" + i].style.left = xval[i];
  if (ns) document.layers["div" + i].left = xval[i];
  }
  return true;
  }
  function goangle() {
  angle = 3.14 * Math.random();
  xinc = 3 * Math.sin(angle);
  return true;
  }
  function space() {
  if (ie) {
  document.all["diva"].style.left = xp;
  document.all["diva"].style.top = yp;
  }
  if (ns) {
  document.layers["diva"].left = xp;
  document.layers["diva"].top = yp;
  }
  xp += xinc;
  yp +=yinc;
  star();
  if ((xp >= (width - 50)) || (xp <= 10))  { goangle();  xinc = (-1) * xinc; }
  if ((yp >= (height - 50)) || (yp <= 10)) {  goangle(); yinc = (-1) * yinc; }
  setTimeout('space()', speed);
  }
  //  End -->
  </script>
  
  <p><center>
  <font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
  by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
  </center><p>
  
  <!-- Script Size:  3.03 KB -->
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.