AMY&PINK

Co-taught by Zach Lieberman and Taeyoon Choi.

_______________________________________________________________________________________________________

 

 

Category: code


Public Spaces “Drawing”

April 21st, 2009 — 3:30pm

Photobucket

Sidewalk Writing

Photobucket

Sidewalk sign

Photobucket

Crossing

Photobucket

Paint Trail

Photobucket

Paint Trail (cont)

Photobucket

Paint stains

Photobucket

Sidewalk sign

Photobucket

Sidewalk sign (cont)

Photobucket

Crossing

Photobucket

Street Texture

Photobucket

Message

Photobucket

Tape sign

Photobucket

Spray trail

Photobucket

Spray trail (cont)

Photobucket

Paper butterfiles

Photobucket

Subway

Photobucket

Subway booth

Subway (cont)

Subway (cont)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

The following images have been found around the internet.

via Flickr - GonzoMau. Not always the best things are the best for us.

via Flickr - GonzoMau. Not always the best things are the best for us.

via Flickr - González-Alba. Green Paint

via Flickr - González-Alba.via Flickr - Visentico / Sento. Reserved space.

via Flickr - González-Alba. Colored Sidewalk

via Flickr - González-Alba. Colored Sidewalk

via Flickr - como_un_pez_en_el_agua.  Old wall

via Flickr - como_un_pez_en_el_agua. Old wall

Comment » | Week 10, code

Homework 011

April 21st, 2009 — 2:38pm

This simple application shows the changes of the angles with the size of the circles and the different colors.  While drawing, depending on the values of the angles the stroke will change.

Comment » | Week 11, code

Homework 009

April 12th, 2009 — 1:53pm

Thanks to Zach for helping me with this code.  It still needs work but here it is: my first version of a Graffiti tool imitating some sort of marker stroke.

Comment » | Week 09, code

Context Free

April 1st, 2009 — 9:56am

Photobucket

Photobucket

Photobucket

Photobucket

Comment » | Week 08, code

Homework 007

March 24th, 2009 — 8:50pm

Make a drawing analyzer that tells what mood the person who drew a stroke is in.  happy ?  sad ? thoughtful ? confused ? tentative ?

certain things might be useful  – elapsed time, average length, etc.  think about what you can know from a drawing.  Please ask questions if you need assistance on anything.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

This drawing tool triggers different types of figures, animation and songs, depending on the stroke drawn on the canvas.


Photobucket

Photobucket

Photobucket

source code [link]

Comment » | Week 03, Week 07, code, week 01

Homework 006

March 10th, 2009 — 7:14pm

based on the gesture resampling code, make something interesting. for example, can you make one drawing turn into another? Can you mix two strokes together to make a third? can you make a stroke turn into a straight line? In the example I posted , the stroke becomes a circle, but it doesn’t matter at all what you’ve drawn, or how you’ve drawn it. Can you get information about what was drawn, the length, the angle, etc, and use it to control how it is transformed?

given that you can make each stroke a fixed number of points, think about how that can be used in some meaninful, playful way.

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

I created a drawing tool that  resamples the gesture of the user depending on the size of the stroke that has been drawn.  There are three basic figures in the gesture can be animated to; a circle, a six points star and a 20 points star.  The circle corresponds to the shortest stroke, the 6 point star to the medium stroke, and the 20 point star to the longest stroke.


Application Demonstration

Shortest Stroke

Shortest Stroke

Medium Stroke

Medium Stroke

Longest Line

Longest Stroke

Comment » | Week 06, code

Homework 005

March 1st, 2009 — 9:42pm

a) (working on paper) make one reasonably complex drawing with one line (one connected line only). this could be a one line signature, or a cursive word, or something else. Then, working on pieces of tracing paper over the drawn line, try to “approximate the line” with a certain number of points, for example, if you were to draw the line using only 10 connected points, what would it look like? I would like you to try “resampling” the line with 20, 15, 10, 5, and 2 points. think about what information is preserved and lost between the resamples.

Signature

Signature

Signature: 2 points

Signature: 2 points

Signature: 5 points

Signature: 10 points

Signature: 15 points

Signature: 20 points

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

b) (working in code) make a drawing tool where you use the distance formula to sum up the length of the line being drawn.  Do this for one stroke only (so earlier code could be useful, or you can limit the gesture to one stroke, etc).  In addition to calculating the total length of a stroke, can you also identify the shortest and longest section (ie, pt 6 -> pt 7) ?  for the mega nerds, can you calculate the mean value (average value) and the std deviation of these section lengths?


:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

c) using the stroke / angle / body code we did in class, can you create an interesting drawing tool?  think about how the size of the body of a stroke could be varied.  for example, in the second code example now, fast motion = larger stroke, could you reverse so that slow motion leads to a larger stroke?  Could you draw it in a more interesting way?  think about incorporating media, such as images, into how you draw.  make an elegant stroke machine.

Comment » | Week 05, code, drawing

Homework 005 | Drawing Tool (cont)

February 28th, 2009 — 4:30pm

MUSIC, MOVEMENT & GESTURE

This is the name of the tool I want to create, where music is the starting point of the drawing experience.  An expressive exercise, where the user can change the color of the tool while drawing.

I would like to animate the line in time, while the user keeps drawing.
The music used in this example is “Quiéreme Mucho” by Ibrahim Ferrer.

Comment » | Week 05, code

Homework 004

February 25th, 2009 — 12:07am

Create a drawing tool, where the user can choose the “brush tool” they want to use with a key from the keyboard.  Save the last 5 drawings, and create a collage with all of them as the final screen.
Photobucket

Photobucket

Photobucket

Comment » | Week 04, code

Homework 003

February 16th, 2009 — 4:52pm

a/b/c — create three unique drawing tools that make the act of drawing more performative and fun.


::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

d) Make drawing from memories of the first exercise: You drew with your eyes only. Not, recreate that drawing on the paper.

0081

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

e) Draw a person or alive objects on to the space. draw it very large, with imaginative tools, for eternal time. And a piece of paper happens to be on the drawings way, and left some mark.

0011

002

003

004

007


Comment » | Week 03, code, drawing

Back to top