Assignment 2_

So in my attempt to do assignment two I realized creating your own code is a very hard thing to do, well at least to make the program do something really intriguing. Unfortunately I was not able to create something cool just yet, but I am beginning to understand the writing of script better.

Using SetDraw as a basis, I removed the continuous line and added two ellipses and a rectangle to form what I believe is a mock Mickey Mouse head, but I think I failed at capturing that shape. Also I added the functions loop(), noLoop() and mousePressed() which places my newly created object in about the center of the page and once clicked with the mouse, continuous movement begins.

Here is a short video showing the “processing”

I think it’s also important to note that I have been making my video’s using screen capture software camtasia studio and then uploading them to vimeo

Assignment 1 – Curtain Sketch

For assignment one I chose to modify an awesome sketch one of my friends showed me from The original page for this sketch (created by BlueThen) can be found here. The code is extremely well documented with notes about what everything does. The original sketch presented is a curtain that is pulled down by gravity and gets pulled by clicks of the mouse, ultimately ripping (if pulled hard enough).

This slideshow requires JavaScript.

The sketch is a ton of fun and beautifully made to resemble gravity and ripping. The code itself is split up into a couple of different tabs, which corresponds to tabs in the sketch. After finally getting the tabs set up correctly and adding a missing font, I was able to get the sketch file working. Because the sketch was so well documented, it was extremely easy to manipulate things:

Code with clear annotation of what to change for each part of the sketch

Making a curtain the full height so it doesn't dangle and rests on the ground

Modifying some of the ‘resting distance’ and ‘stiffness’ settings provide some of the most fun. In some cases though, if pushed to the extreme the whole curtain breaks immediately and shatters into tiny particles. The particles have a strange relation to each other though as picking up one will affect the others around it still.

Shattered curtain

The other parts I liked playing around with were the ‘gravity strength’, ‘mouse influence size’, and ‘mouse tear size’. For example doubling the gravity causes the curtain to pull and stretch really far without any interaction from the user (because of the start value of the curtain).

Doubling the gravity

I found that because of the complicated script, for me and my complete confusion still with the processing language, it was near impossible to modify anything that wasn’t clearly labeled. Still fun nonetheless. Gallery (and plug!)

In my last post I showed a specific example of the Substrate processing sketch designed by Jared Tarbell with In true open source nature, I wanted to plug his website and give him the correct exposure he deserves!

Looking more into his website, you can find more information about him here. A fun fact is that he is a co-founder of

I highly recommend going to his gallery of processing examples and playing around, although you will find you wasted an hour or two before you know how it happened. Gallery link here. Some of my favorite examples I’ve created on the website…

This slideshow requires JavaScript.

Hopefully all these images and examples give everyone some great ideas for where they can take processing – That is where this website and looking at the examples is helping me with the most right now.

Substrate Processing

Looking around and exploring the world of processing on the web has led me to a ton of different processing examples. The only thing I am truly trying to find out is what are the limitations of what you can do with processing. It seems like such a simple application and language that there must be a limit to where this can take you. Here is an example “j.tarbell” made, you can find the source code and example page here.

This is the Substrate processing sketch run by me (off of their website) after a couple of seconds, it has a strange resemblance to a city grid:

Keeping the script running until it fills up most major space in the frame:

I think the thing that intrigued me the most was that the script essentially never stops (presumably) – after 1.5 hours of letting the script run, the whole field was dense but I could still make out little lines being formed. They had the same feel as maggots moving around in a bin.

Although they give the source code, I was unable to get it working in processing, some errors kept happening. However, they do change up their code and show some examples on their website:

non-linear substrate growth with 11 crystal instances

Without 'sand painting' effect turned on

Assignment 1_Intro to Processing

This is my first time experimenting with scripting. The first example I edited was Embedded Iteration, something simple and static. I changed the size of the window and the color of the boxes first. Then, I changed the factor by which the boxes decrease in size so that they would fill up the whole screen.

The second example I edited was Puff. This script was more complicated because it included algorithms which defined movement on the screen, so I went through changing numbers to see what kind of effects it would have on the application. The first thing I changed was the speed that the initial puff head moved in the x and y directions. Next, I changed the cell size of the other ellipses (puff body). This made the object appear more dense. I enlarged the size of the window to accommodate the increased size of the object. My next move was to change where the object would first appear on the screen. The original script designated the center of the window and I moved it to the top. Since I was generally making everything bigger, I tried to make my changes proportionate to the original example. Lastly, I increased the size of the arrays so that the object would move further distances and move across the screen quicker. Overall, the scale and speed ratio turned out to be more jittery than the original, which might have something to do with the algorithms at the bottom of the script. It looks like something moving through a strobe light rather than moving fluidly through space on the screen.


Assignment 1.2_Drawing

The experience trying to draw something from cero it wasn’t as easy at it seemed.

I think my main trouble has been with the punctuation marks to execute the statements and the order of the statements.

Probably have to get more used to the idea of declaration, definition, use.

Despite the obstacles, I finally made my drawing. I draw 3 ellipses, and I tried to change some parameters in each of them as the fill color, the stroke or the dimensions.

Then I also added some movement to the ellipses taking into account that they are also defined by where they are located.

Here is the result into a series of 5 images.

I’ve added some variable functions that make some parameters depend on others

The two first ellipses have a variable “x” (both varies the same way) and a fix “y”.

The third one, varies the “x” the same as the other two, but it also varies the “y depending on the “x” and the “x” dimension depending on the ”y”.

Assignment 1_Getting in touch with Processing

This is my first time using processing, thus to get in touch with it, I’ve took an example and started changing some parameters to see what happens.

First of all I’ve changed the background and the coordinates of the rectangles.

It is possible to see how much the drawing alters just with those simple changes.

After that I started playing with other things as the location of the rectangles in the canvas or the stroke.

Till now I’ve only changed what already exists but I haven’t tried to write anything.