Project 2 - update1

Have to re-learn trigonometry and vectors,
good fun.

Project 2 - initial presentation

the idea that i've settled on is having a central object, and other smaller objects surrounding it which can be created with mouse clicks, these objects make a noise. as these smaller objects float towards the central object the noise they produce gets higher. when the right mouse is clicked all the smaller objects float around randomly and there pitch goes back to normal. when they reach the central object the smaller objects die.

I came up with this idea through coding a processing program that closely resembles the bouncing balls video shown in the lecture. i liked the idea of allowing the user to create the objects that make the noise, thus giving them the power of whats produced.

Project 2 - ideas (part ii)

another idea is using minim to create waves of music, and having mouse controls to place effects on top of the music

Project 2 - ideas

my first idea is to create a galaxy, closely entwined, and when sounds happen (eg mousepressed) the planets explode out. my idea came from this openprocessing project.

http://www.openprocessing.org/visuals/?visualID=8213

my second idea is to use particles to create a cloud, and the colors of the particles change around where the interaction occurs, also playing a sound

my third idea is to have a line that moves across the screen, left to right, and jumps up and down with noise or interaction.

my fourth idea comes from the video we watched at the end of lecture 5. where the mouse is pressed a ball is created and drops, when it hits the bottom a noise is made. i'l play around with different sizes and weights against gravity.

Transformation

Transformation - Join
http://www.openprocessing.org/visuals/?visualID=18414

I thought this processing code was pretty cool because of its simplicity. reminds me of a bank vault locking.
The codes very simple, just uses rectangles with different opacitys, and mouseX to calculate the movements to make the left and right sides meet.

Programming The Bigger Picture

Programming is required by designers to achieve things that need: variation, interaction, generation, repetition, calculation, and scalability.

Being able to understand theses principles will help me form my ideas into usable designs, could be used to create a platform to make the coding process easier.

My experience with code is that if you "think" that you can do something, eg. make a ball bounce off a table, then there is a way of doing it, it's a matter of breaking it into steps and tackling each step one by one, eg. ball starts at top, moves down at x speed, hits table, bounces up at y speed. What I need to figure out is what color the ball is, and what the tables made out of.

Reflection - Project 1

Through developing the wallpapers I have learnt to not be so constrained in what I want to achieve through design with my coding. By experimenting and trying different approaches new possibilities open up.
I was motivated by the output that coding can produce, and creating images that weren't necessarily exactly what I was aiming for, to create often surprising results.
Something that I need to improve on for the next project is having a clearer idea from the start of what I want to achieve for the project, this way I will be able to push my code and design into a certain direction, and will create a good platform to develop off.
My goal for my next project is to create something more creative, I felt that my first project was to simplistic in design.

Good Wallpaper Images

good images of the wallpapers

Details of wallpapers

The wallpapers i have created expand on each previous iteration, the first of which is a simple line pattern. developing of this I introduced some arcs on top of selected lines for the 2nd wallpaper, and also enlarged the lines to have it look more zoomed in. Triangles were also added across the background because i felt that it provided some order to the background texture. for the 3rd wallpaper i added ellipses to selected rows to add additional detail to the wall, and again enlarged the lines. the final wallpaper is again enlarged and provides a far more detailed view of the pattern.

The background was created by randomising the color of points between 2 shades of beige. I created it this way because I wanted to give it a rough look like real wallpaper, rather than flat colours.

I put opacity on most elements of the code such as the lines, triangles, and ellipses because I felt that this helped push the shapes into the background giving it a more wallpaper-y look.

.pdf of final processing

Its not allowing me to upload the .pdf files onto the blog!!

Images of wallpapers

Open Processing

Here's links to the Open Processing site wallpapers. There's an issue with how they're appearing, the code isn't running through smoothly on the processing website.

Wallpaper1
http://openprocessing.org/visuals/?visualID=24278

Wallpaper2
http://openprocessing.org/visuals/?visualID=24279

Wallpaper3
http://openprocessing.org/visuals/?visualID=24280


Wallpaper4
http://openprocessing.org/visuals/?visualID=24281

issues

been having trouble with the sizing and uploading to openProcessing

Theme 2

An issue that has arisen is the similarities between the four wall paper codes, as they build on the same structure, but i have countered this by adding more advanced elements to each code such as nested FOR loops.

Theme 2

Building off the theme of having a progression from straight lines to curves I've had an idea of using perspective to show the same image from differing distances, each one going into more detail and showing more intricacies in the pattern.

This idea has come from looking at real wallpapers.

Theme

From the initial presentation of my sketches I've come away with the theme of a progression from straight lines to full on curves.

An idea I had for displaying this progression is through a heart beat monitor because the link between the pictures is clearly defined when viewing.

I have to keep playing with code to develop this idea.

scan of sketches

repetitive image ideas

First code design yo

http://openprocessing.org/visuals/?visualID=22453

First processing code.

I like purple.