Interactive Simulation of Sydney - Creative Coding

Background

In my design programming class, I worked on various assignments using p5.js as my coding framework. Throughout the course, I focused on showcasing my skills as a designer who prioritizes vibrant and diverse color palettes, as opposed to relying solely on monochrome or two-tone colors. I explored different techniques and concepts to create visually appealing designs that incorporated a wide spectrum of hues. Through a combination of color theory knowledge and experimentation, I aimed to create visually appealing designs that effectively communicated ideas and emotions.

Two Preparation: Interactive Coding

The image created consists of multiple circles arranged in descending order of size, ranging from large to small. These circles are positioned in a grid-like pattern across the canvas, with tiny squares interspersed between them. To add visual interest and diversity, random colors are used to fill the circles and squares, resulting in a varied color palette for the objects. The choice of colors was inspired by a source that offers a wide range of tones, including bright shades and contrasting black hues. Additionally, a margin of 20 units is specified, likely indicating a blank space or border around the composition.
The image created features a pattern composed of consecutive lines that gradually transition from monochrome colors at the left side (ranging from 0 to half the width of the canvas) to random colors at the right side (from half the width to the full width of the canvas). This transition creates a gradient effect within the pattern.

Hello Sydney - Urbanism of Sydney

My project choices revolved around the urban environment and the future concept. With a passion for observing urban landscapes and multicultural backgrounds, I aimed to showcase the beauty of Sydney. Inspired by a photograph of Sydney Harbor, I incorporated iconic landmarks like the Sydney Opera House and Harbor Bridge into my artwork. Using black as the base color and vibrant hues to represent diversity, I added generative art techniques for an abstract touch. Researching languages spoken in Sydney, I integrated them into the artwork to highlight the city’s multiculturalism. My vision for the future of Sydney is a densely populated metropolis with vibrant colors and sounds reflecting its diverse population. Employing data-driven design principles, I focused on structured layouts and used a spreadsheet to organize and predict the formation of future Sydney and its languages.
Scroll to Top