한국어 | English


Color of Nature : Creative Coding

C++ | Openframeworks | Projection Mapping



Walkthrough Video


Color of Nature was an individual coursework for the Workshops in Creative Coding1 module. It is a projection mapping piece focused on exploring the colours of nature. I got inspired by a Korean traditional pattern called Dancheong, and its colours which is usually a combination of colours of nature. This project consists of five scenes in total, which starts by opening a door and ends with closing a door. Also, created some Korean traditional patterns using traditional colours.

Concept and Backtround Research

Dancheong is a form of decorative art applied to Korean architecture, usually can see as a painting on the woodwork in traditional buildings. It means 'red and green' but metaphorically alludes to the colour combina- tion of a tree or forest. Dancheong paintings borrow colours and patterns from nature and use them to create systemized and sophisticated artwork. Along with that, I derived my main colour pallet from the Korean traditional colour spectrum called Obangsaek, which is a colour scheme of the five Korean traditional colours of white, black, blue, yellow, and red. It's mostly used in traditional arts and traditional textile patterns.

Technical Implementation

1. Door


The first part "Opening the door" opens the door as the scene starts. I made two doors for both on left and right. The pattern of the door was inspired by a Korean traditional wave pattern. Technically, I used two nested for-loops, which differentiates by odd and even numbers. As time passes a black coloured rectangle gradually scales up and covers the whole shape, to make an animation of opening the door. This correlates with the last scene "Closing the door", which have the same door shape, but the black coloured rectangle gradually shrinks as if it's closing the door.

2. Obangsaek


The second part, "Obangsaek" is a generative coloured pattern. Terming, Obangsaek is a colour scheme of the five Korean traditional colours of white, black, blue, yellow, and red. I tried to make the main colour pallet out of these colours.

3. The Dancheong pattern


In Part3, the "Dancheong pattern" is a combination of grid and generative shape. It was challeng- ing for me to make a flower shape, but week4's Mandala Shapes helped me to implement the pattern. Basic trigonometry has been used to generate a shape. I made two different flower shape creating functions, which the first one having two different vertexes, and another one having three different vertexes, which results in a different flower shape. Every flower rotates and scales as time pass. The flower shape consists of three different colours and featured flowers. The flower shape at the back rotates at a different angle with the other two flower shapes at the front. Also, the background's grid patterns are made using for-nested loops, which references week4's Magnetic grid. For the flowers at each corner, I used ofPath to draw an oval shape for the flower's leaves.

4. Colourful Wave


This scene consists of four waves, and each wave has an outline. It references week 5's Noisy Waves code. To outline, I made every parameter of the two waves the same except for the y and shapeDepth value. Then used a colour lerp function to change between two colours gradually. The periodical cosine wave is used to change the colour effect