DOMAIN
Interactive Design
Creative Coding

Computational Design

This project is a compilation of various sketches exploring code as a medium to create interactive, generative or parametric graphic visuals. These sketches are built in the processing and p5.js environment. More of my coding explorations can be found here

Mobius Strip

Drag mouse, scroll to zoom.

Custom Brush Tool

The broader objective of this project is to create a custom tool for creating graphics/patterns which are difficult to laborious to recreate in conventional graphics editing software. The idea is not to eliminate the use of these software from the design process but to assist the creator by rapidly prototyping and iterating through a multitude of form variations.
In this case all the modular glyphs are designed in a vector editing software and then fed into the custom tool which places the appropriate glyph based on its position relative to the orientation of its neighbouring cells.

Programming Posters

This poster series is an ongoing project with the intent to use code and algorithm to create production ready motion graphics. A major breakthrough was achieved by understanding how animation loops behave being able to export perfectly looped gif was a thrill in itself.

Interactive Sketches

Another advantage of using code as a medium to create graphics is the added layer of interactivity. The below sketches use a constrained random function to generate multiple iterations of design which follow a certain set rules established by the creator.

Generative Snowflakes

Click on sketch or Press [4] , [5] , [6]

Noise field landscape

Click to generate new landscape