Pixel Art Sonifizierung: 10 Schritte (mit Bildern)

Pixel Art ist digitale Kunst, die mit Software erstellt wird, bei der Bilder auf Pixelebene bearbeitet werden. Beispiele für diese Kunst finden Sie in 8-Bit- und 16-Bit-Computern, Videospielkonsolen und Grafikrechnern.

Das Ziel dieser Aktivität ist es, Pixelkunst durch Datenwissenschaft zu erforschen, insbesondere durch Datenvisualisierung und Sonifikation. Datenvisualisierung ist die grafische Darstellung von Informationen und Daten. Durch die Verwendung visueller Elemente wie Diagramme, Grafiken und Karten bieten Datenvisualisierungstools eine zugängliche Möglichkeit, Muster in Daten zu erkennen und zu verstehen. Wenn Sie Zeit haben, lassen Sie die Schüler dieses Video ansehen:

Die Schüler verwenden Google Sheets und bedingte Formatierung, um Pixelkunst zu erstellen, und verwenden dann die Two Tone-Anwendung, um diese Daten zu nehmen und damit Sound zu erzeugen. In Two Tone können die Pixelart-Informationen in Tonhöhe, Lautstärke, Tempo usw. übersetzt werden.

Als letzten Schritt werden die Schüler ihre Arbeit mit ihren Klassenkameraden und anderen teilen.

Schritt 1: Data-Science-Eisbrecher

Datenvisualisierung ist die grafische Darstellung von Daten. Es beinhaltet das Produzieren von Bildern, die den Betrachtern Beziehungen zwischen den dargestellten Daten vermitteln. Balken- und Tortendiagramme sind zwei von mehreren Arten von Daten, nämlich.

Für diesen 10-minütigen Eisbrecher lassen Sie die Schüler ihre Lieblingssaison des Jahres auf eine Notizkarte schreiben und sie zu einem Stapel hinzufügen. Sammle und trenne alle Stimmen basierend auf jeder Saison. Wenn Sie aus der Ferne arbeiten, lassen Sie die Schüler ihre Antworten in den Chat-Bereich des virtuellen Klassenzimmerprogramms schreiben. Geben Sie die Ergebnisse in eine Tabelle ein (oder verwenden Sie die angehängte Datei) und teilen Sie die Ergebnisse mit der Klasse.

Um diesem Eisbrecher eine weitere Ebene hinzuzufügen, könnten Sie die Schüler die Lieblingsjahreszeiten anderer anhand ihrer Hobbys oder anderer Interessen erraten lassen.

Was können die Schüler aus den resultierenden Daten über ihre Mitschüler schließen? Welche Jahreszeit ist die beliebteste? Was zeigt die Datenvisualisierung?

Schritt 2: Erstellen Sie Pixel Art mit Google Sheets

Die Hauptaktivität kommt von Make Art with Google Sheets. Die Schüler lernen, wie sie Datenvisualisierungen (als Pixelkunst) basierend auf bedingter Formatierung erstellen.

Die Schüler erstellen ihre eigenen Pixelgrafiken in Google Sheets oder Excel.

Lassen Sie die Schüler zunächst die Einführung (3-minütiges Video) ansehen.

Welche anderen Beispiele für Pixelkunst haben die Schüler vor diesem Kurs oder dieser Sitzung gesehen?

Schritt 3: Erstellen Sie Ihr Raster und wählen Sie ein Bild aus

In diesem Schritt verwenden die Schüler Google Sheets mit bedingter Formatierung, um Farben und Schattierungen hinzuzufügen, um Daten hervorzuheben, die bestimmte Bedingungen oder Regeln erfüllen. Lassen Sie die Schüler zunächst Google Sheets von ihren Google-Laufwerken starten und ihren Projekten einen Namen geben.

Für Fernunterricht: Lassen Sie die Schüler in kleineren Gruppen arbeiten, um das Kunstwerk in kürzerer Zeit fertigzustellen.

Sehen Sie sich dieses Video-Tutorial an (2:27 Min.) und befolgen Sie diese Schritte (10 Minuten)

• Richten Sie Ihre Tabellenkalkulation ein, indem Sie alle Zellen in Ihrem Blatt auswählen – klicken Sie auf das Kästchen oben links über der Tabelle (siehe Foto).
• Ändern Sie die Größe aller Zellen, um ein Raster in Ihrer Tabelle zu bilden.
• Suchen Sie nach Tabellenkalkulations-Pixelkunst (oder basierend auf einem Thema wie Halloween).
• Passen Sie Ihre Suche an und filtern Sie Ihre Ergebnisse bei Bedarf.
• Wählen Sie ein Bild aus, um Ihr Projekt zu inspirieren.
• Öffnen Sie Ihr Leitbild in einem neuen Browser-Tab.

Schritt 4: Erstellen Sie eine Farbpalette mit bedingter Formatierung

In diesem Schritt erstellen die Schüler mithilfe der bedingten Formatierung eine Farbpalette für ihre Kunst. Lassen Sie die Schüler eine Liste der Farben erstellen, die sie in ihrem Pixelkunstbild sehen.

Sehen Sie sich das Video-Tutorial an (3:30 Min.) und befolgen Sie diese Schritte (10 Minuten):

• Wählen Sie alle Zellen in der Tabelle aus.
• Öffnen Sie die bedingte Formatierung.
• Erstellen Sie eine Regel für jede Farbe im Bild.
• Überprüfen Sie die Arbeit, indem Sie dem Projekt Farben hinzufügen.

Wenn es zeitlich eng wird, können die Schüler in kleineren Gruppen an einem Pixel-Art-Projekt arbeiten.

Schritt 5: Erstellen Sie Ihr Bild

In diesem Schritt erstellen die Schüler ihr Pixelkunstbild.

Sehen Sie sich dieses Video-Tutorial an (2:32 Min.) und befolgen Sie diese Schritte (15-20 Min.):

• Öffnen Sie die Regeln für die bedingte Formatierung, um Ihre Farbwerte anzuzeigen.
• Fügen Sie Farbzellen in Ihrer Tabelle Werte hinzu.
• Vervollständigen Sie Ihr Bild.
• Wählen Sie einen benutzerdefinierten Bereich für Ihren Hintergrund aus.
• Fügen Sie eine neue Regel hinzu, um eine Hintergrundfarbe festzulegen.

Durch die Arbeit in kleinen Gruppen können die Schüler in kürzerer Zeit mehr erledigen. Wenn Sie aus der Ferne arbeiten, kann dies in „Breakout“-Gruppen erreicht werden.

Schritt 6: Passen Sie Text- und Füllfarben an und entfernen Sie Gitterlinien

In diesem Schritt ändern die Schüler die Textfarben (Zahlen), um sie an die Zellenfarben anzupassen, und entfernen die Gitternetzlinien.

Sehen Sie sich dieses Video-Tutorial an (2:00 Min.) und führen Sie die folgenden Schritte aus (5 Min.):

• Wählen Sie alle Zellen aus und öffnen Sie die bedingte Formatierung.
• Überarbeiten Sie die Regeln für die bedingte Formatierung, um Textfarben an Füllfarben anzupassen.
• Entfernen Sie die Gitternetzlinien aus Ihrer Tabelle.
• Benennen Sie Ihre Tabelle um.

Wenn die Schüler fertig sind, sollten sie Screenshots der endgültigen Pixelgrafik machen, die im letzten Schritt verwendet werden.

Schritt 7: Importieren Sie die Datei in die Two Tone App

TwoTone ist eine Online-Anwendung , die Ultraschall verwendet , damit Sie Daten hören können. Sonifikation ist die Verwendung von Audio, um Informationen zu übermitteln oder Daten wahrzunehmen. Als nächsten Schritt importieren die Schüler ihre Google Sheet/Excel-Pixelgrafik (xls.- oder .csv-Dateiformat) in Two Tone. Sie können ihre Dateien ziehen und ablegen oder auf das Kästchen unten im grauen Fenster klicken, um ihre Datei(en) zu durchsuchen und zu finden.

Schritt 8: Erstellen Sie Musik mit Daten

Mit Two Tone können Schüler verschiedene Datenquellen (Spalten) aus ihrer Pixel-Art-Tabelle auswählen und Instrumente für jede Quelle auswählen. Sie können auf die blaue „+“-Schaltfläche und die Musiknoten-Schaltfläche unten rechts im Anwendungsfenster klicken, um weitere Datenquellen hinzuzufügen.

Die kleinen Pfeile auf der rechten Seite jeder Datenquelle werden erweitert, um weitere Optionen anzuzeigen, z. B. das Ändern der Tonart oder des Tempos des Instruments während es spielt.

Die Schüler sollten 4-5 Quellen/Instrumente erforschen und hinzufügen (10 min).

Schritt 9: Musik als MP3 exportieren

Nachdem die Schüler ihre Musik erstellt haben, können sie sie als MP3-Datei herunterladen, indem sie auf die orange Export-Schaltfläche in der unteren rechten Ecke des Anwendungsfensters klicken. Die Schüler müssen dies für den nächsten und letzten Schritt tun.

Schritt 10: Erstellen Sie Ihre Abschlusspräsentation

Als letzten Schritt können die Schüler mit Google Slides eine Folienpräsentation ihrer Pixelkunst und Musik erstellen. Dies sollte nicht länger als 10 Minuten dauern.

• Laden Sie die gespeicherte MP3-Datei auf Ihr Laufwerk hoch
• Starten Sie Google Slides
• Fügen Sie das Pixel-Art-Bild ein (gespeicherter Screenshot der Pixel-Art)
• Klicken Sie auf Einfügen > Audio
• Suchen Sie die MP3-Datei und wählen Sie sie aus
• Klicken Sie im Feld “Formatoptionen” auf “Loop-Audio”.
• Fügen Sie der Datei Ihren Namen hinzu (Schülername, Projektname)

Die Schüler können an einem Galerierundgang teilnehmen: Projekte anderer Schüler ansehen und anhören. Dies kann auch aus der Ferne erfolgen, indem Bildschirme geteilt werden.