p5.js
turtle.js

Creative Coding

Explore the creative possibilities of computer programming in art and design. Experiment with rules, algorithms, and code to create images, animations, videos, sounds, and 3D forms. Emphasize daily "sketching," building upon existing programming skills and introducing techniques, languages, and tools for procedural generation.

Challenge:

Develop a face-generating tool that allows users to create customizable images of faces using sliders and other input controls. Instead of relying on built-in shape drawing commands like rect() and ellipse(), the faces will be constructed using manually-created illustrations or photographic images. The objective is to ensure that the resulting images appear seamless and cohesive.

Response:

Taking up the proposed challenge, I decided to create a face generator utilizing renowned portraits from artists such as Vincent Van Gogh and Johannes Vermeer and details, from paitings like The Birth of Venus. The existing code currently features four paintings that have been categorized into four sections: face, eyes, nose, and mouth.


^{︎︎︎ Explore the code here}

Challenge:

Experiment with procedurally-generated images, focusing on exposing parameters and exploring the parametric potential of the sketches. Feel free to combine random and parametric elements, but also consider including deterministic sketches for a comprehensive exploration of creative possibilities.

Response:

For this challenge, inspiration was drawn from the third-generation iPod Nano. The device is known for its colorful palette. With this code, it is now possible to "create" a personalized version of the device by selecting the desired color for the iPod and the background.


^{︎︎︎ Explore the code here}

Challenge:

The exploration of turtle graphics begins by starting with a playful spirograph activity, allowing the individual to become familiar with the concept. Once this introductory step is completed, a world of creative possibilities opens up as one dives into the diverse range of options offered by the turtle graphics tool.

Response:

The initial step taken for this sketch was to determine the color palette. The selected colors evoke a sense of summer or fall, capturing the corresponding atmosphere. Once the palette was established, I proceeded to create and manipulate the spirographs, experimenting with various parameters to achieve different visuals and sizes.


^{︎︎︎ Explore the code here}