Technology
JavaScript, p5.js
Overview
Embark on a visual journey with ‘Electric Sun,’ an experimental creative coding project brought to life with p5.js. This unique storytelling experience begins with the drawing of a radiant sun, harmonizing with the haunting melody of ‘Clocks’ by Faultline (2004). Watch as sound frequencies dynamically animate the sun’s rays, creating a mesmerizing visual symphony. The narrative takes unexpected turns with the introduction of a fast-approaching comet, triggering multiple transitions that build suspense. Witness the comet colliding with the sun, setting off a transformative sequence—the sun expands, intensifies, and erupts into a spectacular explosion, showering the canvas with a myriad of dynamic rays. The aftermath reveals a serene scene of space dust gently floating, leaving behind a visually stunning testament to the fusion of music, code, and storytelling in ‘Electric Sun.’
Please click the button below to see the actual work. Please note that this work isn’t compatible with mobile device browser.
Scene 1: The Sun with Animated Sun Ray (Main Scene):
Step into the heart of ‘Electric Sun’ where a hand-drawn sun, choreographed to ‘Clocks’ by Faultline (2004), captivates with animated rays. Sound frequencies bring the sun to life in a mesmerizing visual symphony.
Scene 2: Fast-Approaching Comet
Enter a suspenseful scene as a comet bursts onto the canvas, guided by the rhythm of the soundtrack. Its swift movement adds intensity, setting the stage for climactic twists.
Scene 3: Sun Explosion
Witness the explosive climax of ‘Electric Sun’ as the comet collides with the sun. The sun expands, intensifies, and erupts into a dazzling burst of dynamic rays. The aftermath reveals a serene scene of gently floating space dust, a visual testament to music, code, and storytelling.
