Created in Jul.2015

Skyline is a code-based generative music video I directed and programmed for the track Skyline by Karma Fields. 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 including Robert HodginFrederik VanhoutteDiana LangeJon McCormack, etc.

In Skyline’s generative system, 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.

针对中国用户,若Vimeo 视频无法显示,可以观看下方MANA版本


  1. Pingback: 程序算法生成的艺术 | 180

  2. Lukas

    You´re amazing dude <3

  3. Hi Raven,
    We are a Photo & Videography production company based in Dubai representing image-makers here and overseas.
    We are expanding to bring even more innovative and exciting work into the region.
    Your work is exceptional and we would love the opportunity to present your work to our clients in the Middle East region.
    Please let me know if you would be interested.

    David Taylor-Bramley
    +971 50 357 8160

    • Hi David,

      Thanks for getting in touch. Could you send me a brief copy of the info regarding potential collaboration you mentioned? My email address is



  4. Thor Brandt

    Hello Mr. Kwok

    Is there any way that I may download a very high quality version of this video in order to create a screensaver for my computer?

    Many thanks, Thor

  5. Pingback: 只需90天,系统入门Processing & 创意编程原理の攻略 – 最毕设

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.