Afiq Shubi Din






Colour Coding:
Music Notations in Colour
Graduation Project
p5.js + Adobe Creative Cloud

LASALLE College of the Arts
Singapore

See FI&LD for Singapore Design Week 2023 feature.

Colour Coding is an exploration of experimental musical notation, using colour as the core visual language. Through a series of experiments — from analogue inputs to generative coding — the project reimagines how music can be notated, moving beyond the constraints of traditional scores.

The outcomes, developed through generative tools like p5.js, were later reinterpreted by a musician, resulting in a final piece that represents a contemporary approach to music creation and interpretation. This project opens up new possibilities for musicians, composers, and even casual listeners to engage with music in a more visual and intuitive way.





What distinguishes Colour Coding is its fusion of computational design and human artistry. Visually generated patterns were reinterpreted into music by a musician, introducing an element of subjective interpretation that adds warmth and an organic dimension to the final piece. This collaboration between technology and creative intuition gives the project its multi-layered depth.On a broader scale, Colour Coding redefines how music can be understood, created, and experienced. By challenging the traditional language of musical notation, it opens new, more inclusive pathways for composers, musicians, and enthusiasts alike. As the final composition takes shape, the project points to exciting new possibilities at the intersection of art, technology, and innovation.




P5.Amplitude PostersSeries of posters depicting audio translations in the form of circular shapes printed across the canvas. Using the audio input and ‘Amplitude’ sound constructor on p5.js, these shapes together with how it is coloured are printed according to the soundwaves of any music or sound transmitted!



Vibrant patterns as music notations
Series of posters
Series of posters illustrating various ways code can determine the complexity and details of music making. Created on p5.js, the vibrant patterns are developed according to the soundwaves of any music or sound transmitted! Layout and colour range were also tested in the series to challenge how we can comprehend colours and modular patterns as musical notations!