“Night On The Planet” is Japanese song released on 27 November 2021 in the official channel of the record label – “クリープハイプOfficial”.
“‘Night on the Planet’ by Creephyp is a reflective and emotional song that captures a feeling of isolation and longing. It pairs hauntingly poetic lyrics with a steady, melancholic rock arrangement. The song explores themes of solitude and searching for connection during the quiet, introspective moments of night. It creates an atmosphere of vulnerability and introspection, typical of Creephyp’s style, where raw emotions are expressed through both the lyrics and the band’s dynamic instrumentals.”
Why Night On the Planet?
During my first trip to Japan, I was chatting with new friends when they recommended this track. We all agreed it would be the perfect song for a late-night drive, though I didn’t drive in Tokyo. Even after returning to the US, this song brings me back to that night, reminding me of the connection we shared in the moment. That’s why I chose it as the text content for my project, creating effects that reflect its emotional resonance.
Design Challenge
I didn’t build a project that emphasized the text part (this might make a small difference from others’ projects with heavy representations of their text narratives). Instead, I wanted to create a harmonic feeling of the first time that I listened to this song, in late-night Tokyo with newly known people. Hence, I used the graphic functions in p5.js to create the moon (circle in the center), the road (grey triangle), and the stars (yellow dots). to express the forward direction, I created randomly generated yellow blocks that move towards the viewer.
The most challenging part of the project was testing the moving blocks and ensuring their randomness, at the same time regulating the list[] of these blocks and removing/creating new ones over time. I haven’t written these relatively complex algorithms and animating functions in JS, so it took me some time to figure out the correct grammar.
Self-Reflection
In the process of programming via p5.js, I might need to extend my thoughts to its real-world application when building frontend interactions, including how it should be placed and its adaptability with website projects. I also need to review some functions, especially button interactions and JSON. For the next project, I will definitely spend more time reviewing the frontend knowledge.
Leave a Reply