kurse:ef05a-2021:js:projekte:jumpnrun [https://fginfo.ksbg.ch Fachgruppe Informatik der KSBG]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

====== Jump'n run ======
  * Position von HTML-Elementen (img, div mit Inhalt, etc.). 
    * mit CSS ''position:absolute'' und mit ''left:10px'' und ''top:100px'' werden die Koordinaten eines Elements gesetzt. Direkt von Javascript aus: ''meinObjekt.style.left = 30;''
  * Auslesen der Tasten: https://developer.mozilla.org/en-US/docs/Web/API/Document/keydown_event
  * Am besten mit https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame arbeiten. 

<code javascript>
let start;
let loop = function(timestamp) {
  if (start === undefined) {
    start = timestamp;
  }
  const ms = timestamp - start; // Zeit in ms seit Spielbeginn
  // Spielzustand updaten (Dinge verschieben, überprüfen, etc.), in Abhängigkeit der Zeit.
  // Nächster Schritt
  window.requestAnimationFrame(loop)
};
</code>

==== Ideen ====
  * Mehrere Transparente Bilder (png oder svg) überlagern und in unterschiedlicher Geschwindigkeit scrollen, um einen 3D-Effekt zu erzeugen.