Некомерційна організація Girls Who Code, яка ставить за мету зацікавити в комп’ютерних науках жінок та дівчат, запустила перший у світі програмований музичний кліп. Спільно з виконавицею Doja Cat вони перетворили її новий кліп до пісні Woman на інтерактивний урок програмування.
Звичайний кліп на цю пісню можна переглянути на YouTube. Але є у нього й інтерактивна версія, яку можна знайти на сайті Dojacode.com. Ця версія дозволяє відвідувачам сайту змінювати різні аспекти відео та знаходити пасхалки, знайомлячись в процесі з основними мовами програмування. Результати таких експериментів можна публікувати в соцмережах.
Коли відвідувач сайту клацає, щоб запустити музичне відео, урок програмування починається. На бігунку внизу кольоровими зірочками позначені моменти, де кліп стане на паузу, дозволяючи за допомогою програмного коду дещо змінити його. Жовтою зірочкою позначений урок програмування мовою CSS, синьою — Javascript, а рожевою — Python. Загалом, схоже на відеогру.
Коли відео зупиняється для уроку, глядачам пропонується заповнити прогалини в рядках коду. Наприклад, перша пауза дозволяє, використовуючи CSS, перефарбувати колір нігтів Doja Cat. А друга — дозволяє змінити час доби в кліпі, вказавши, з яким містом світу треба синхронізувати час.
Емілі Бергер, креативниця агенції Mojo Supermarket, яка спільно зі студією Active Theory розробляла такий своєрідний урок програмування, пояснює: «Ми хотіли, щоб більше дівчат спробували себе у програмуванні. Але на світі існує тисяча інших речей, якими дівчата цікавляться більше, ніж програмуванням. І 999 із цих речей втілює в собі Doja Cat. Тож ми спитали себе «А чи може Doja зробити урок програмування крутим?»
А Майкл Ентоні, директор інтерактивних проєктів Active Theory, так розповідає про UX-дизайн сайту DojaCode: «Користувачі вносять зміни у кілька рядків коду в дуже простому редакторі. Зміни, які вони вносять, змінюють відеоряд кліпу. Це дає їм відчути, що таке програмувати, але у середовищі, яке убезпечує їх від помилок. Якщо користувачі трохи знаються на кодуванні, вони можуть, наприклад, замість слова «червоний» вказати hex-код кольору, і сайт відреагує на це відповідно».
Читайте також:
Співачка Grimes випустила кліп на тлі зеленого екрану, з яким можна експериментувати досхочу.
