Creative Code


→ Branding
→ Ui/Ux
→ Publication
→ MaterialExploration
→ Typography
→ Advertising
→ PersonalWorks


Home








  1. SIGNIFY  — Survival Strategies
  2. Project Green Bean
  3. The Web of Human Experience
  4. Creative Code Digital Archive

Video shot & edited: Rayko Chiang
3D Render: Syafiq Shukor

survival strategies — SEEN OR UNSEEN: Art of survival

Developed for SIGNIFY at the Lee Kong Chian Natural History Museum, this interactive exhibition bridges the gap between scientific research and public engagement through immersive storytelling. The Signify Archive is a valuable resource for researchers, but its highly specialised content can feel inaccessible to the general public—especially youths.

Using hand gestures and facial recognition with Touchdesigner Mediapipe, we transform insects’ survival strategies—camouflage, mimicry, and aposematism—into interactive, real-time experiences. Visitors step into the perspective of a predator, uncovering the hidden, the deceptive, and the boldly visible in nature. You don’t just learn about biodiversity—you experience it in a way that feels instinctive and alive.

Led conceptual and creative direction
Touchdesigner in Collaboration with Rayko Chiang, SYAFIQ SHUKOR



Project green bean — ARE WE TRULY RECEIVING ENOUGH SUNLIGHT?
Project Green Bean reveals the impact of sunlight on human well-being through a living experiment. Research shows that despite Singapore’s abundant sunshine, 40% of Singaporeans lack vitamin D. To explore this, we grew identical green bean plants under conditions that mirror our daily lifestyles.

For a week, we carried some plants with us everywhere in a portable terrarium necklace, while other two were placed in optimal sunlight for human health and in complete darkness respectively . The plant receiving the most sunlight thrived, while the one exposed to our daily routines grew less. The plant kept in the dark showed the weakest growth and was completely white, reflecting how insufficient sunlight affects our own well-being.

At the end of the experiment, we taxidermied the plants, manually measured their length, and analysed their colour using a p5.js colour detector. We then visualised the data using p5.js and TouchDesigner, reinforcing a clear message—just like plants, we need more sunlight to truly thrive.

in Collaboration with Rayko Chiang, Jeremy Lai, Kylie Low


Project Documentation Website
A link of this website is provided below.

 Softwares used: Visual Studio Code, Netify, Adobe After Effects

Experiment 1: Breath, Blink, and Pulse
A data-driven exploration of human rhythms, transforming breath, blink, and pulse into dynamic visuals that illustrate the subtle fluctuations in our physiological states.

Software used: P5.js

Experiment 2: Deconstructed Wishing Well
A symbolic reimagining of the act of wishing, where a light sensor and digital animations capture the moment a coin is dropped, translating it into rippling visuals of hope and transformation.


Softwares used: Arduino,  P5.js

Experiment 4.1: Sounds of Music – Decoding Sorrow & Love
A visual translation of music’s emotional landscapes, depicting how sorrow and love are sonically embodied in a 9-grid series.

Software used: Touchdesigner

Experiment 4.2: Scents – Decoding Sorrow & Love
A sensory study exploring how scent is linked to emotion, capturing sorrow through the vastness of the ocean and love through the delicate fragrance of roses.

Softwares used: Touchdesigner
Softwares used: Touchdesigner

Experiment 5: What Equals Sorrow + Love? Heartbreak
An immersive soundscape and sound score sheet set in a rain-soaked park, where nature’s sounds evoke the bittersweet intersection of sorrow and love, represented through the color purple. Through these experiments, this project unpacks the intricate relationship between human emotions, sensory perception, and computational expression, offering a multi-layered exploration of how we experience and interpret our world.

Softwares used: P5.Js, Adobe Illustrator

Work credits to Rayko Chiang

The web of human experience — Mapping Emotion, Perception & Sensory Connections
This project is a series of interactive experiments that translate physiological data, sensory experiences, and emotions into visual and auditory expressions. Through computational design, each experiment examines the ways we perceive, process, and connect with our inner states.

This project unpacks the intricate relationship between human emotions, sensory perception, and computational expression, offering a multi-layered exploration of how we experience and interpret our world.

Scroll to see the breakdown of experiments 1 to 5.

In Collaboration with Rayko Chiang

LINK TO WEBSITE



Softwares used:  Visual Studio Code, Netify,  Adobe After Effects

Website — A Digital Playground for Computational Creativity
This website is a self-documented journey through computational creativity, showcasing my explorations in Blender, P5.js, Arduino, and Projection Mapping. Coded on Visual Studio Code, this site serves as a digital archive of my learning process and experiments in generative design.

LINK TO WEBSITE