top of page
Generative Drawings
01 - My first sketch
Live Sketch
Trials
01 - first sketch
fullscreen - link
The mouse hovers around the canvas to draw with the shape of a circle. The colors depend on the position of the mouse on the canvas. Also, the space between the circle varies depending on the speed the mouse is moving
How it works?
02 - Parametric sketch
02 - parametric sketch
Live Sketch
Trials
fullscreen - link
Same as the first sketch but in this one, the size of the circle changes depending on the speed the mouse is moving
How it works?
03 - Animated sketch
03 - Animated sketch
Live Sketch
Trials
A circle moves and bounces of the edges of the canvas as it randomly changes size and faints slowly. The colors of the sketch change as the mouse moves around the canvas
How it works?
fullscreen - link
04 - Sketching with lines
04 - Sketching with lines
Live Sketch
Trials
fullscreen - link
A line is drawn for the movement of the mouse and its connection of an invisible circle. The colors of the sketch change as the mouse moves across the canvas
How it works?
05 - Drawing program
05 - Drawing program
Live Sketch
Trials
fullscreen - link
How it works?
By using the spray and pen tools, the user can draw through a spectrum of colors as well as sizes. While the pen size varies depending on speed of mouse movement, the spray tool can change size through the slider and can change color depending on the position of the mouse
06 - Grid-based sketch
06 - Grid-based sketch
Live Sketch
Trials
Rectangles change direction and side depending on the position of the mouse on the grid
How it works?
fullscreen - link
07 - Drawing from an image
07 - Drawing from an image
Live Sketch
Trials
fullscreen - link
Another sketch fullscreen - link
08 - Agent-based programming
Live Sketch
08 - Agent-based programming
Trials
Small circles change color when they interact with each other
How it works?
fullscreen - link
09 - Mapping emotions
Live Sketch
09 - Mapping emotions
Trials
fullscreen - link
The background circles change color and size depending on the emotion detected by the code
How it works?
10 - Final sketch
10 - Final sketch
Live Sketch
How it works?
fullscreen - link
Lines are reflected and are created through the movement and connection between 2 invisible circles and an anchor. A flower shape is then generated through that reflection. The color of the flower changes with the movement of the mouse. The opacity of the drawn lines gets lower as the mouse moves up the Y axis while it gets more opaque when the moves moves towards the bottom of the canvas.
Trials
bottom of page