Java & JavaScript


Home
Applets
Scripts
   Navigation:
 · Kontextmenü
 · Linkwechsler
   Dialogboxen:
 · Alert
 · Alert 2
 · Confirm
 · Prompt
   Animation:
 · Kreis
 · Kreis 2
 · Kreis 3
 · Drei Kreise
 · Spirale
 · Planetarium
 · Globus
   Grafik-Effekte:
 · Clipping
 · Clipping 2
 · Clipping 3
 · Alpha-Clipping
 · Fading
 · Wellenmuster
 · Wellenmuster 2
   Bildschirmschoner:
 · Proto
 · Marquee
 · Donut
 · Worm
 · Mondrian
 · Pacman
   Datum & Uhrzeit:
 · Countdown
 · Countup
 · Wochentag
 · Last Modified
   Fraktale:
 · Apfelmännchen
 · Apfelmännchen 2
 · Juliamenge
 · Juliamenge 2
 · C-Wert-Generator
   Mathematik:
 · Primzahlen
 · Primzahlen 2
   Verschiedenes:
 · Dynamic Popup
 · TextArea Counter
 · Warteschleife
 · Mausschreiber
Gäste
Kontakt

- JavaScript : Animation : Planetarium -


Ein kleines Planetarium mit JavaScript.

Sonne, Merkur, Venus, Erde, Mars, Jupiter, Saturn, Uranus, Neptun und Pluto.
Die Abstände sind nicht maßstabgetreu. Die Verhältnisse der Umlaufzeiten stimmen in etwa.

Erfolgreich getestet mit Internet Explorer 5.5 und 6.0, Netscape Navigator 4.75, 6.01 - 6.22, 7.0 und 7.1, Mozilla 1.0, 1.21 und 1.4, sowie Opera 5.02, 5.11, 6.0, 6.01 und 7.01. (Opera bis 6x aber ohne Sonne)


Demo:


JavaScript-Quellcode:

<script language="JavaScript">
  // Mittelpunkt festlegen
  var xM=140;
  var yM=140;

  // div-Tags für die Punkte zunächst außerhalb des sichtbaren Bildschirms platzieren
  document.write(
    "<style type='text/css'>div{position:absolute;left:-30px;top:-30px}</style>");

  //Elemente in div-Tags schreiben
  document.write(
     "<div id='P0'>S</div>"+
     "<div id='P1'>M</div>"+
     "<div id='P2'>V</div>"+
     "<div id='P3'>E</div>"+
     "<div id='P4'>M</div>"+
     "<div id='P5'>J</div>"+
     "<div id='P6'>S</div>"+
     "<div id='P7'>U</div>"+
     "<div id='P8'>N</div>"+
     "<div id='P9'>P</div>");

  // Browserweiche (ie 5+ und nn 6+ / ie 4+ / nn 4.x)
  var laySyntax=new Array();
  for(i=0;i<10;i++) {
    if(document.getElementById) laySyntax[i]=document.getElementById("P"+i).style;
    else if(document.all) laySyntax[i]=document.all.tags("div")[i].style;
    else if(document.layers) laySyntax[i]=document.layers[i];
  }

  // Sonnensystem
  var alpha=0;
  laySyntax[0].left=xM;
  laySyntax[0].top=yM;

  function move() {
    laySyntax[1].left=xM+15*Math.cos(alpha*20.75);
    laySyntax[1].top=yM+15*Math.sin(alpha*20.75);
    laySyntax[2].left=xM+30*Math.cos(alpha*8.13);
    laySyntax[2].top=yM+30*Math.sin(alpha*8.13);
    laySyntax[3].left=xM+45*Math.cos(alpha*5);
    laySyntax[3].top=yM+45*Math.sin(alpha*5);
    laySyntax[4].left=xM+60*Math.cos(alpha*2.66);
    laySyntax[4].top=yM+60*Math.sin(alpha*2.66);
    laySyntax[5].left=xM+75*Math.cos(alpha*0.42);
    laySyntax[5].top=yM+75*Math.sin(alpha*0.42);
    laySyntax[6].left=xM+90*Math.cos(alpha*0.17);
    laySyntax[6].top=yM+90*Math.sin(alpha*0.17);
    laySyntax[7].left=xM+105*Math.cos(alpha*0.06);
    laySyntax[7].top=yM+105*Math.sin(alpha*0.06);
    laySyntax[8].left=xM+120*Math.cos(alpha*0.03);
    laySyntax[8].top=yM+120*Math.sin(alpha*0.03);
    laySyntax[9].left=xM+135*Math.cos(alpha*0.02);
    laySyntax[9].top=yM+135*Math.sin(alpha*0.02);

    // Winkel-Geschwindigkeit
    alpha=alpha-0.01;
    setTimeout('move()',20);
  }
</script>

Gestartet wird das Planetarium-Script durch die Anweisung onload="move()" im body-Tag.


Download  Planetarium.zip (ca. 1 kb)




© 2001-2004 Albert Kluge - Alle Rechte vorbehalten
Impressum | Datenschutz | Nutzung | eMail