Skyline is a code-based generative music video directed and programmed by Raven Kwok for the track Skyline (itunes.apple.com/us/album/skyline-single/id1039135793) by Karma Fields (soundcloud.com/karmafields). The entire music video consists of multiple stages that are programmed and generated using Processing.

One of the core principles for generating the visual patterns in Skyline is Voronoi tessellation. This geometric model dates back to 1644 in René Descartes’s vortex theory of planetary motion, and has been widely used by computational artists, for example, Robert Hodgin (vimeo.com/207637), Frederik Vanhoutte (vimeo.com/86820638), Diana Lange (flickr.com/photos/dianalange/sets/72157629453008849/), Jon McCormack (jonmccormack.info/~jonmc/sa/artworks/voronoi-wall/), etc.

In Skyline's systems, seeds for generating the diagram are sorted into various types of agents following certain behaviors and appearance transformations. They are driven by either the song's audio spectrum with different customized layouts, or animated sequence of the vocalist, collectively forming a complex and organic outcome.


Jul. 2016, 3rd Place Award at Electronic Language International Festival 2016, Centro Cultural FIESP – Ruth Cardoso, Cerqueira César, São Paulo, Brazil. (file.org.br/anima_games_2016/raven-kwok-karma-fields/)
Apr. 2016, screened at ITFS16 – 23rd Stuttgart International Festival of Animated Film, Stuttgart, Germany.
Feb. 2016, screened at Visible Bits Audible Bytes, Phoenix Square, Leicester, UK. (phoenix.org.uk/event/visible-bits-audible-bytes-2/)
Sep. 2015, featured on Only the Beat. (onlythebeat.com/electro-house/2015/09/27/whats-beautiful-skyline-youve-heard-lately-mines-karma-fields/)
Sep. 2015, featured on Gotta Dance Dirty. (gottadancedirty.com/2015/09/23/karma-fields-skyline/)
Sep. 2015, featured on Salacious Sound. (salacioussound.com/2015/09/karma-fields-skyline/)
Sep. 2015, featured on Stash. (stashmedia.tv/?p=25149)
Sep. 2015, featured on EDM. (edm.com/articles/2015-09-23/karma-fields-skyline-3d-visualizer)
Sep. 2015, featured on The Awesomer. (theawesomer.com/karma-fields-skyline/337729/)
Sep. 2015, featured on WIRED. (wired.com/2015/09/audio-visuals-36/)
Sep. 2015, featured on The Creators Project. (thecreatorsproject.vice.com/blog/mathematic-models-become-creatures-driven-by-code)

# vimeo.com/139977231 Uploaded 48.8K Plays 37 Comments

CRITICAL MOOD musicvideos

Julien Bach

This channel is for musicvideos that I find having catchy moods, powerful visual/music combination or great storylines, whatever the genre or style.
Any suggestions are welcome.

Browse This Channel

Shout Box

Heads up: the shoutbox will be retiring soon. It’s tired of working, and can’t wait to relax. You can still send a message to the channel owner, though!

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels.