lehrkraefte:blc:informatik:ffprg1-2024:raster-snake:grundlagen [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.

{{backlinks>.}}
====== Grundlagen ======
===== Bilder =====
  * SVG-Bilder im Ordner img. Diese dürfen gerne verändert oder auch durch andere ersetzt werden (auch Rasterformate wie png sind natürlich möglich).
  * Rotation der Bilder mit CSS in der Datei ''raster.css'' mit den Klassen 'rot90' etc. **Achtung**, die letzte Verschiebung nach der Drehung bezieht sich auf die gedrehten Achsen.
    * Alternative: ''transform rotate(90deg) translate(0%, -100%);''
  * Bilder werden als Hintergrund der einzelnen Rasterzellen definiert (in ''raster.css'') und den Werten 1 bis 5 zugeordnet.
  * Damit nicht Zahlen verwendet werden müssen, wurde die Variable ''imgs'' in der Datei ''snake.js'' definiert.

===== Richtungen =====
  * Vier Richtungen, trigonometrisch, von 0 bis 3 nummeriert.
  * Zusatz in der Methode ''setValue'' in der Datei ''raster.js'', wo zusätzlich eine Klasse für die Rotation gesetzt werden kann.

===== Variablen für das Spiel, Tastenabfrage =====
  * ''currentDirection'' und ''newDirection'', für die Richtung der Schlange.
  * Tastenabfrage in vier Richtungen, Gegenrichtung verbieten



===== Screencast =====
[[https://bldsg-my.sharepoint.com/:v:/g/personal/ivo_bloechliger_ksbg_ch/EWZsrKImn8BAkju3WRDdPoIBcmzuy7P9qFCMcNU--FsLoA?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=WBSg3c|Sharepoint (nur für St. Galler)]] oder [[https://fginfo.ksbg.ch/~ivo/videos/informatik/ffprog24/snake/01-grundlagen.mp4|einfaches https (weltweit)]].