taralino

Algorithmen zur Bildbearbeitung

Im folgenden Quellcode wird ein Beispielbild ausgelesen und dargestellt. Anschließend wird das Bild manipuliert, indem der Rot-Anteil sämtlicher Pixel auf 0 gesetzt wird. Schließlich wird auch das bearbeitete Bild dargestellt.

Mache dich mit dem Quellcode vertraut.
Setze nicht den Rot-Anteil, sondern stattdessen den Grün- oder den Blau-Anteil auf 0.
Überlege dir eine Möglichkeit, wie das Beispielbild in ein geeignetes Schwarz-Weiß-Bild überführt werden kann. Probiere deine Idee direkt im Quellcode aus.
Finde eine Strategie, wie die Helligkeit des Beispielbildes erhöht werden kann. Probiere es direkt im Quellcode aus.
Sei kreativ und erprobe weitere Algorithmen der Bildbearbeitung, zum Beispiel eine Invertierung der Farben oder eine Veränderung des Kontrasts.

Quellcode

Der Code kann neu ausgeführt werden, indem auf Vorschau geklickt wird.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

var M = Picture.example();

Picture.draw(M, {zoom:4});

for (var i = 0; i < M.length; i = i+1) {
  for (var j = 0; j < M[i].length; j = j+1) {
    M[i][j][0] = 0;
  }
}

Picture.draw(M, {zoom:4});

</script>
</body>
</html>

Vorschau Download Kopie speichern

Onlinekurs

Algorithmen zur Bildbearbeitung

Lerne Verfahren kennen, um beispielsweise die Helligkeit oder den Kontrast eines Bildes anzupassen

Level B2

mit Projektaufgabe