2026-07-06 14:25:41 +02:00
parent 549233f42a
commit ee4d6f0d41
226 changed files with 114478 additions and 20 deletions
--- a/02_advanced/uebungen/u19_brightness-increase/index.html
+++ b/02_advanced/uebungen/u19_brightness-increase/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Übung 19: Bildbearbeitung – Helligkeit erhöhen</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
+  </head>
+  <body>
+    <main>
+      <div class="container py-5">
+        <div class="alert alert-primary">
+          <h2>Übung 19: Bildbearbeitung – Helligkeit erhöhen</h2>
+          <p>
+            Schreibe eine Funktion <code>increaseBrightness</code>, die die Helligkeit aller Pixel in einem 3D Bildarray
+            um einen bestimmten Wert erhöht. Stelle sicher, dass die RGB-Werte nicht über <code>255</code> hinausgehen.
+          </p>
+          <p>
+            Die Funktion nimmt ein dreidimensionales Array <code>image</code> und einen Wert <code>value</code> als
+            Parameter. Ziel ist es, die Helligkeit jedes Pixels im Bild zu erhöhen, indem jeder RGB-Wert um
+            <code>value</code> erhöht wird. Stelle dabe sicher, dass kein RGB-Wert den maximalen Wert von
+            <code>255</code> überschreitet.
+          </p>
+        </div>
+      </div>
+    </main>
+    <script>
+      'use strict';
+
+      const image = [
+        [
+          // Row 1
+          [100, 150, 200], // Pixel 1
+          [50, 100, 150], // Pixel 2
+        ],
+        [
+          // Row 2
+          [25, 75, 125], // Pixel 3
+          [200, 225, 250], // Pixel 4
+        ],
+      ];
+
+      const increaseBrightness = (image, value) => {
+        // Your code here
+      };
+
+      const newImage = increaseBrightness(image, 30);
+      console.log(newImage);
+      /* 
+Expected outcome:
+ [
+     [
+         [130, 180, 230],
+         [80, 130, 180],
+     ],
+     [
+         [55, 105, 155],
+         [230, 255, 255],
+     ],
+ ]
+*/
+    </script>
+  </body>
+</html>