How does Doja Cat's interactive, codable music video work?

[rUparaHmaN017]

To access this experience, simply go to Dojacode.com , where you are greeted by a futuristic image of Doja Cat that becomes pixelated as you drag your mouse across the screen. On the next page, you see three stars , each of which represents a different programming language: yellow for CSS, blue for Javascript, and pink for Python.

Once you click on the video clip, the experience begins. It plays just like the original piece, except you have to make choices throughout the video. It's kind of like a "choose your own indonesia telephone number data adventure" game, but with code. The timeline at the bottom of the screen contains four color-coded stars that show when the video will stop and what programming language will be displayed.

When the video pauses, we can fill in the blanks as well as the lines of code. For example, the first pause allows you to change the color of Doja Cat's nails using CSS. In another scenario, entering the name of a city changes the time of day in the video.

“We know firsthand that girls and young women are some of the most powerful creators and change-makers today,” said Tarika Barrett , CEO of Girls Who Code, in a statement. “Yet very few know that a career in computer science can open up a whole future of possibilities to fuel their passions.