This drawing tool uses the values of the amplitude and the pitch of the sound to recreate the thickness and quantity of elements on the stroke.  The first video is a voice test, sound a little bit crazy but shows the idea.  The second video uses an outside music source, recreating the stroke made with the values obtained from the song.

In both cases, each stroke is resampled.

Enjoy.

Sidewalk Writing

Sidewalk sign

Crossing

Paint Trail

Paint Trail (cont)

Paint stains

Sidewalk sign

Sidewalk sign (cont)

Crossing

Street Texture

Message

Tape sign

Spray trail

Spray trail (cont)

Paper butterfiles

Subway

Subway booth

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 - González-Alba.via Flickr - Visentico / Sento. Reserved space.

via Flickr - González-Alba. Colored Sidewalk

via Flickr - como_un_pez_en_el_agua. Old wall

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.

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.

I created a route based on my way to work.

Since walking and distance depends on time, I decided to use an agenda to create my “frames” over time, and divide the actions I considered key on my path. I took a video of my route which was guided at first by the lights on the street, helping me create the main drawing of my path.  On my way, draw and note peculiar things on the streets that could be used as variables while walking.  On the agenda, I used the space of each day to write and draw each set of actions, starting from the day it was made; March 27th.

There’s one main route (the one I actually did) illustrated on the agenda. There is one point where the route can change (goto Wed1st or goto Thu2nd), creating a secondary one.

The idea of using this medium for my map is to create the option of “jumping” through the frames, as I call, depending on the decision made.  Also, I think it’s an easier way to visualize it.

pseudocode:

// walk.work

:::::::::::::::::::::::::::::::::::::::::::::
goOutside();
doors = 2;

if doors open;
walk outside;
else;
open doors
walk outside;

:::::::::::::::::::::::::::::::::::::::::::::
if brickWall both sides;
keep walking;
else:
stop;
turn right;

:::::::::::::::::::::::::::::::::::::::::::::
walk one block;
if obstacle;
move x = 5;
move y = 5;
move x = -10;
else;
keep walking;

:::::::::::::::::::::::::::::::::::::::::::::
if leftWall = 0;
stop walking;
else;
keep walking;

if light is red;
goto RuteA

:::::::::::::::::::::::::::::::::::::::::::::
ruteA();

walk one block;
for light red;
stop;
for light green;
walk one block;
- - - - - - - - - - - - - -
walk one block;
if rightBuildings = 0;
stop;
turn right;
else;
keep walking;
- - - - - - - - - - - - - -
walk;
for light = blinks;
walk faster;

if (”Home of Cheers” = right);
turn left;
else;
keep walking;

stop;

for light = white;
walk;
- - - - - - - - - - - - - -
for orangeBarrel = true;
move x = 5;
move = 2;
move x = -10;
walk one block;

for railing = true;
move x = -5;
move y = 30;
move x = -10;
walk
- - - - - - - - - - - - - -
if blackFenceRight = true;
keep walking;
else;
stop;
- - - - - - - - - - - - - -
if light = red
RuteA2;

:::::::::::::::::::::::::::::::::::::::::::::
Rute A2();
walk one block;
for phoneBoothLeft = true;
stop;
turn left;
if light = red;
stop;
else;
walk;
cross street;
- - - - - - - - - - - - - -
for phoneBoothLeft = true;
turn right;
if light = red;
stop;
else;
walk;
- - - - - - - - - - - - - -
if (greenWall = closer) && (phoneBoothRight);
stop;
else;
keep walking;
- - - - - - - - - - - - - -
walk one block;
if (blackFootBridge = front) && (light = white);
cross street;
else;
keep walking;
stop;
turn left;
- - - - - - - - - - - - - -
wait;
light = white;
walk;
walk one block;

if stepInPedestrianCrossing;
stop;
else;
keep walking;
- - - - - - - - - - - - - -
turn left;
walk;
if (grayDoor) && (orangeCone);
stop;
else;
walk;
- - - - - - - - - - - - - -
glass door = front;
open door;

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

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.

source code [link]

Six months ago I received the most painful phone call at 2 am in the morning.  It was my brother at the phone, who had the sad task to tell me that our father had passed away. Part of me is still thinking that the phonecall and the flight back home was a bad dream…

Around the city.

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.

Shortest Stroke

Medium Stroke

Longest Stroke