Experimentation and storyboard(plan)

Experimenting with the mouse dragged function. Hold right click to drag through a colour spectrum. Click again to draw with whatver colour you end up with.




Not sure why this ended up so small, considering I wrote the code with 700, 400. but this was my first look at using any mouse functions, so it's hardly the prettiest.




This I'm sortof happy with. You just click and drag the dot around the screen to draw, it gradually fills it's space if left there.
Key commands:
R = Red
G = Green
B = Blue

Nothing too exciting though.

Onto my story boad idea.

Basically I want a group of ellipses floating idly around the window, doing whatever ellipses do in their spare time.

When the user clicks and holds on the screen, the ellipses slowly gravitate towards where the mouse is held. If they reach where the mouse is held, they will over shoot it and stop not much further on the other side(hopefully)                
When the ellipses start to draw close to each-other, lines between the ellipses begin to form, connecting them. If the user releases the click, the ellipses simply slow to a stop.

 If the user chooses to click somewhere new, the lines between the ellipses disappear, and the process starts over.

If the user chooses to hold the mouse down for long enough for the elipses to form lines, then clicks and drags the mouse, the ellipses will stay bound together by the lines. If the user "throws" the mouse with all the ellipses to the wall, maybe the lines will break apart in an appealing way and the ellipses will rebound from the wall.

Cool pieces of interactive code

I found this on open processing, and think that it's just wonderful. I probably spent a good five/ten minutes playing with it as soon as it was loaded, and still failed to grow bored of it. When you hold the mouse down, a group of dots gravitate towards you, but not straight to you. They flow in an almost natural seeming way, joined by straight lines when they pass through eachother. The fading effect used on the lines, keep the image looking vibrant. At the same time, it explores different structures with how the dots join together, with obvious rules behind the way each dot is joined. Often the dots on the peripherals are not joined at all, being too far from the flock. Overall, I think i'll be playing it for a while yet.




This is the first piece of work that I looked at on open processing. What I find really interesting about it is the way that, if you throw it hard enough, it explodes into hundreds of pieces against the wall. It also gives a reasonable ammount of resistance, so that you can't lightly click and destroy the entire piece. Once it's been torn apart though, sadly, it gets boring.




This is also a very nice little widget. I like how the fish seem to flow so naturally, not all flocking straight to one piece of food, rather spreading out and giving the feel that they're almost trying to stay away from eachother.

DSDN 142 - Final Submission - Project 1. Structure

Open publication - Free publishing

Open publication - Free publishing

Open publication - Free publishing

Open publication - Free publishing

Open publication - Free publishing

Open publication - Free publishing

Open publication - Free publishing

Open publication - Free publishing

My god did it take me forever to figure out how to upload PDFs. haha.
Anyway...

With project 1, we were asked to experiment with structure, question what it is and how it works. So, with my work, I wanted to look both at the structure of colour and the structure of placements. I started with a simple grid of circles, cant get much more structured than that(except for squares) and began to break it down, see how far I could push it. Some of my work I experimented with layers and layers overlapping on another, while remianing in a very regimented form. This was more of an experimentation of colour, seeing how the overlapping could create noise between the different circles. I then moved on to looking at how I could open the space up, break the forms away from a very 4x4 grid. I decresed the ammount of circles and started using semi random variables, giving the cicles a better chance to explore the area around them, removing the regimentation.
I'm relatively happy with how my work turned out in the end, the printouts were pretty shabby, as was the entire (late) presentation on my behalf. But, that's life, and if I get marked down on that, it's fair enough.

I hope you enjoy my end result though.


-Connor

DSDN 142 Final Submission - Project 1 - Connor Turnbull

Algorithm

From centre top: = (FCT)

(FCT) (down 2 no ink)
     ((right) 1)
     (right) 3 (up) 2 (right) 8 (down) 7 (left) 2 (down) 5 (right) 2 (down) 5 x 4 = (1)

 (FCT) (down 3 no ink) 
(right) 5 (up) 2 (right) 6 (down) 5 (left) 2 (down) 5 (right) 2 (down) 5) x4  = (2)


(FCT) (down 23 no ink)
(right) 4 (down) 5 (left) 2 (down) 5 (right 2) (down) 5 then repeat (2) 2 times =(3)


(FCT) (down 24 no ink)
((Right) 3)
(down) 3 (left 2) (down) 7 (right) 2 (down) 5 (right) 7 (up) 2 (right) 4 x2 = (4)

Flip image 180 degrees and repeat all steps

Fills:
Fill under line 4 with red
Fill between lines 3 and 2 with orange
Fill above line 1 with red





I tried to simplify it down a bit, but unfortunately each line ends up relatively unique due to the way they shape around eachother. Probably should have thought less about the aesthetic and more about the algorithm, hahaha.

DSDN 142 - Algorithms

 Trial algorithms

(left) 5 (Down 5) (left 2) (up) 6 (repeat 5x)

Got bored of that one fast

(Left) 5 (up) 2 (Left) 6 (down) 5 (left) 2 (down) 5 (repeat 5x)

Didn't work to well when drawing another line around

1.  (Left) 5 (up) 2 (Left) 6 (down) 5 (left) 2 (down) 5 (Left) 2 (down) 5 (repeat 5x)
2 (up) 2 (Left) 8 (down) 7 (right) 2 (down) 3 (left 3) repeat 5x)

I ended up devoloping this algorithm for my final image.

DSDN 142 - Project 1 draft ideas

Going into this project, I decided to use a more simplistic approach to the imaging. Rather than using code to repeat an algorithm hundreds of times, I wanted my code to repeat my algorithm in a linear way, creating more of a flow between lines. I knew I was hardly going to be able to draw the exact same image again and again, and I didn't know we could use computers(which would have been easier). So I looked around on the internet and found some patterns that I liked. I drew a lot of inspiration from more 90s looking video game pixel art such as:

 Tetris

Deadmau5

Taking this basic approach I started to write some algorithms and draw them up, settling on grid paper for a more rigid feel. The code I used to define the size and shape of the squares was based on some basic kick snare drum beat combinations. At first I had thisd clearly stated with images to go with every kick and snare, eventually I gave this idea up and just went with the lines they had made.

 Very early ideas

 To the left is my final pattern and in the centre is a square that I got bored of and doodled over.

 Further devolopment on placing the pattern, the second line(red, though you can't see that it's red) required a different code to fit around the first

Final pattern.

Here I realized that my pictures were pretty unexciting, but I had always planned to eventually colour them in. So after trying out a few different colour spectrums on photoshop, I settled on red, orange and yellow. So I went and brought some highlighters, as I didn't want to lose the grid in the background and went crazy highlighting. 

That will be uploaded soon.