https://fginfo.tech-lab.ch/ 2026-04-05T13:51:37+00:00 https://fginfo.tech-lab.ch/ https://fginfo.tech-lab.ch/lib/exe/fetch.php?media=wiki:dokuwiki.svg text/html 2024-05-23T07:31:31+00:00 Anonymous (anonymous@undisclosed.example.com) https://fginfo.tech-lab.ch/doku.php?id=lehrkraefte:blc:informatik:ffprg1-2024:raster-snake:grundlagen&rev=1716449491&do=diff 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. text/html 2024-05-23T07:34:53+00:00 Anonymous (anonymous@undisclosed.example.com) https://fginfo.tech-lab.ch/doku.php?id=lehrkraefte:blc:informatik:ffprg1-2024:raster-snake:init&rev=1716449693&do=diff Startposition In der Datei snake.js, in der Funktion reset: * Initialisierung: Schwanz, Körper, Kopf in der Feldmitte. Alles in Richtung 0. * Mit meinRaster.setValue(x,y,v,r) die richtigen Werte am richtigen Ort setzen. Screencast Sharepoint (nur für St. Galler) oder einfaches https (weltweit). text/html 2024-05-23T07:35:15+00:00 Anonymous (anonymous@undisclosed.example.com) https://fginfo.tech-lab.ch/doku.php?id=lehrkraefte:blc:informatik:ffprg1-2024:raster-snake:move&rev=1716449715&do=diff Bewegen der Schlange setTimeout * setTimeout(funktionsName, millisekunden) erlaubt es, nach eine bestimmten Zeit (in ms) eine Funktion aufrufen zu lassen. * setTimeout liefert eine id, über die der zukünftige Aufruf gestoppt werden kann. -> Speichern in Variable text/html 2024-05-23T07:35:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://fginfo.tech-lab.ch/doku.php?id=lehrkraefte:blc:informatik:ffprg1-2024:raster-snake:tail&rev=1716449752&do=diff Schwanz nachziehen Grundidee: Alle Positionen (und Richtungen!) des Schlangenkörpers in einem Array positions speichern. Einträge entsprechend entfernen und hinzufügen. Konvention: Kopf an Position 0, Schwanz an letzter Stelle. Einträge sollen Objects der Form