Differences

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

--- lehrkraefte:blc:informatik:ffprg1-2024:raster-basics [2024/04/26 13:06]
Ivo Blöchliger [Einbinden von Knöpfen]
+++ lehrkraefte:blc:informatik:ffprg1-2024:raster-basics [2024/04/26 13:44] (current)
Ivo Blöchliger [Bilder speichern und laden]
@@ Line 55: / Line 55: @@
 <code html>
   <button id="speichernknopf">Speichern</button>
+  <input type="text" id="bildtext">
+  <button id="ladenknopf">Laden</button>
 </code>
@@ Line 71: / Line 73: @@
         }
         console.log(bild);
+        document.getElementById('bildtext').value = bild;
+    }
+      let ladenKnopf = this.document.getElementById('ladenknopf');
+    ladenKnopf.addEventListener('click', laden);
+    function laden() {
+        let bild = document.getElementById('bildtext').value;
+        console.log(bild);
+        for (let i=0; i<bild.length; i++) {
+            let wert = Number(bild[i]);
+            let x = i % meinRaster.width;
+            let y = Math.floor(i/meinRaster.width);
+            meinRaster.setValue(x,y, wert)
+        }
     }
 </code>
+Schachbrettmuster:
+<code javascript>
+    function schach() {
+        for (let y=0; y<meinRaster.height; y++) {
+            for (let x=0; x<meinRaster.width; x++) {
+                let wert = (x+y)%2+1; // Hier geheime Formel einfügen
+                meinRaster.setValue(x,y,wert);
+            }
+        }
+    }
+</code>