Differences

This shows you the differences between two versions of the page.

--- lehrkraefte:blc:informatik:ffprg1-2024:raster-snake:grundlagen [2024/05/22 15:07] – created Ivo Blöchliger
+++ lehrkraefte:blc:informatik:ffprg1-2024:raster-snake:grundlagen [2024/05/23 07:31] (current) – [Screencast] Ivo Blöchliger
@@ Line 1: / Line 1: @@
+{{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)]].