Ein interaktives Doja Cat Musikvideo kann Sie in die Programmierung einführen

0
209

Girls Who Code, die gemeinnützige Organisation, die sich zum Ziel gesetzt hat, mehr Frauen und Mädchen für den Bereich Informatik zu begeistern, hat das ihrer Meinung nach „erste“ codierbare Musikvideo vorgestellt. Die Organisation hat sich mit Doja Cat zusammengetan und ihr neues Musikvideo für Woman in ein interaktives Erlebnis verwandelt.

Sie können das Erlebnis auf Dojacode.com selbst ausprobieren, wo Sie von einem futuristischen Bild von Doja Cat begrüßt werden, das beim Ziehen der Maus über den Bildschirm pixelig wird. Auf der nächsten Seite sehen Sie drei Sterne, von denen jeder eine andere Programmiersprache repräsentiert – gelb für CSS; blau für Javascript; und rosa für Python.

Sobald Sie auf das Musikvideo klicken, beginnt das Erlebnis. Es spielt sich genau wie das Original-Musikvideo von Doja Cat, nur dass Sie die ganze Zeit über Entscheidungen treffen können, sozusagen wie ein eigenes Abenteuerspiel, aber mit Code. Die Zeitleiste am unteren Bildschirmrand enthält vier farbcodierte Sterne, die anzeigen, wann das Video pausiert und welche Programmiersprache präsentiert wird.

Das Eintippen einer Farbe verändert das Aussehen der Nägel von Doja Cat. Screenshot: Emma Roth/The Verge

Wenn das Video stoppt, kannst du neben den Codezeilen auch die Lücken ausfüllen. Mit der ersten Pause können Sie beispielsweise die Farbe der Nägel von Doja Cat mit CSS ändern; Die Farbe, die Sie eingeben, ändert die Farbe der Nägel von Doja Cat in Echtzeit. In einem anderen Szenario ändert sich durch die Eingabe des Namens einer Stadt die Tageszeit im Video, und es bleibt sogar der aktuellen Uhrzeit dieses Ortes treu – nachdem ich gegen 10:00 Uhr ET „Tokio“ eingegeben hatte, drehte sich der Himmel im Video dunkel und Konstellationen wurden sichtbar, alles im Einklang mit Tokios 00:00 Uhr Ortszeit.

Am Ende des Erlebnisses erhalten Sie Schnappschüsse davon, wie jeder Bereich aussah, nachdem Sie fertig waren. Codierung“, die Sie dann von der Site herunterladen oder in sozialen Medien teilen können. Obwohl das DojaCode-Video keinen intensiven Programmieraufwand erfordert, fand ich es trotzdem lustig, mit der Eingabe verschiedener Optionen zu experimentieren und zu sehen, wie meine Änderungen sofort wirksam werden.