Jump'n run
- Position von HTML-Elementen (img, div mit Inhalt, etc.).
- mit CSS
position:absolute
und mitleft:10px
undtop: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.
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) };
Ideen
- Mehrere Transparente Bilder (png oder svg) überlagern und in unterschiedlicher Geschwindigkeit scrollen, um einen 3D-Effekt zu erzeugen.