Particle Beep 3

In this sketch I simply made expanded the array to hold more values for more platforms in preparation for my next development.

Particle Beep 2

In my second experiment with sound, I added an array to the sketch to allow me to have 5 platforms instead of 1. The platforms were still responding to the mouse via thickness but were stationary at halfway height point this time.

Particle Beep

This was my first experiment with adding sound - it was an electronic-y beep sound and the platform responded to mouseY interaction (up and down following the mouse), and grew and shrank depending on Y position also. I liked the interaction of the platform but felt it could be developed much further. Also, the particle stream at the top of the stream needs work.

Blip reactor

This was my second experiment to show for the interim - what I called the blip reactor. When it hit the bar in the centre of the screen, it made a blip sound and increased the size of the ellipse. When it hit the bar again on a second drop down the screen, it began to decrease the size of the ellipse, and so on, every two drops of the screen. This was a basis for me to work on incorporating sound into my sketches.

I could only upload screenshots of the sketch because Open Processing won't allow me to upload applets. :(

Attempt at Particles

This was my trial run using the particle code from http://processing.org/learning/topics/simpleparticlesystem.html for our class interim. This is working on one of my key ideas with a platform that reflects particles. I will work on getting a sound to be produced on the collisions.

These sketches were my working for the above sketch.

Initial Concepts

Initial sketch up of concepts for sound shape:

Research/Credits to

This was some initial researching into the sketches on Open Processing which involve sound. To be honest, it seems like sound is a lacking component in the sketches up there - they either seem to lack sound or lack incorporating it well. I don't know if this scares me or not - maybe this is an indication it's a hard thing to achieve properly - challenge accepted.


This sketch is a little worm that eats the food that appears on mouse click. The worm follows mouseX and mouseY coordinates and you drag it to the food. There's a munch sound when it eats the food and a different munch sound as it moves along - the tail grows with each bit of food it eats. I kind of like this sketch as it's a little humourous and has very obvious cause and effect of the visual and audial components, but it has too much control and not enough interesting interaction I think.



This sketch appears to shatter and fall away on each click and is accompanied by a loud shatter sound. I like the complexness of the visual component, but am not so sold on the repetitiveness.



This sketch responds to mouse interaction - it has no sound, despite what the title suggests, but is very pretty and I like the interaction between the sketch and mouse. It's enough to be able to control it, but not so much that it's boring.



This sketch is interesting - you create randomised ellipses on the mouse click which, if you click again, produce a (rather irritating) sound, and (sometimes?) also produces extra ellipses. I got a bit confused by how you create more ellipses that scatter, as it seems a bit random, but I like the concept.


Some other research:

http://blog.datasingularity.com/?p=335 - helped me with understanding of particle systems

http://processing.org/learning/topics/simpleparticlesystem.html - the particle code that I borrowed with crediting to use in my work

http://processing.org/discourse/yabb2/YaBB.pl?num=1268810196 - investigating how to create a particle reaction

http://processing.org/learning/pvector/ - understanding the whole vector concept of particles

http://webphysics.iupui.edu/JITTworkshop/152Basics/vectors/vectors.html - more vector explanation - this one was more helpful

Artist's statement

My interactive sketch utilizes the illusion of rotation created by a combination of sine wave movement and altering gradients, based on the vertical position of the shapes created by the user. The interaction I really wanted to create between the user and the sketch was a two-way creation of illusional movement. The sketch gives the user a blank canvas on which to start drawing, and gives rise to the user drawing on screen the shape that they want to create out of a trail of squares – the entire trail also moves horizontally in response to the mouse to let the user have more input into its position. In turn, the sketch takes this trail and gives feedback not only in a rise and fall of the squares based on a sine curve, but also by slowly rocking the squares back and forth to create the illusion of the entire shape on screen tumbling towards the user. 

Final Sketch

Click and drag - creates a tumbling effect of squares which responds horizontally to mouse movement.


A development of the Wave of Squares sketches using subtle rotation and altering of the transparency in response to vertical position to give the illusion of the shape rotating about the x axis.

Wave of squares 4 (Simple experiment 2)

Click to create squares which 'bounce' and move from left to right in response to the mouse.


Finally managed to get each square rotating individually! I like the tumbling effect this produces.

Spinning squares (Simple experiment 3)

Speed of rotation responds to distance between mouse and square. Click and hold to reverse the square shrinking or growing.




Used a custom function (with help from http://processing.org/learning/basics/variablescope.html) to create the second square, which works as a sort of target to keep the white square within.

Spinning square

Speed of rotation responds to distance between mouse and square. Click and hold to reverse the square shrinking or growing.


Have fixed the code on this since the last blogged version - now responds better to mouse movement and has limits on the square's size.

Wave of squares 3

Added some code to the previous version in an attempt to make the squares hinge back and forth... It has just statically rotated them. Will work on fixing this.

Crazy spinning square

Woah. Need some more control here (might want to link to the sketch to see it start as it grows outside of the page pretty quickly) but it's kinda cool :)

Click and hold to shrink and move the mouse to alter the speed of rotation.

Attempt at mouse-responsive rotation

Work in progress - starting to respond to mouse but not in the way I wanted.

Bars 3 - Grow and shrink (Simple experiment 1)

Bars are created when mouse is moved across the screen. Bars grow and shrink of their own accord.


Have altered the code on this since the last version so that the mouse does not need to be held down to create the bars, which I think works better.

Bars 2

Fixed code so that the height of the rectangles returns to zero each time the mouse is released.

Wave of squares 2

Made a few tweaks to the code to get the most recently created square to move and to make the squares a little more independent of the mouse.

Wave of squares

Progress

Working on codes - planning next stages of development...

Bars

Click to create the bars - wanting to make the size of the bars return to zero on each click and also have the bars shrink when the mouse passes - looking at 'if' statements possibly?

Moving Squares

Interesting, but not the effect I was after. Also, it does a weird thing in Processing (this is the code copied to Open Processing) where it creates a duplicate square up in the top left corner on every click, as well as the one at the mouse location which messes up the sketch - not sure why this is happening.

Chasing the Almighty Dollar

Something I came across in my quest to find out how to make the squares move. Kind of the opposite to what I want to do, but still cool - thought I'd document :)

http://installationspace.com/spaces/net-art/2011/01/09/chasing-almighty-dollar/

Success!

Finally! Thank you for your help Steven... Still a way to go but at least my array is working!

Progress

Currently in progress is an attempt to create a sketch where spinning squares appear on click command (where the cursor is) and follow in relation (not directly to) the mouse. I'm very stuck. I'm using arrays to set up the squares, and a mousePressed function to create the squares where the mouse is clicked but it's not working. The program keeps giving me the 'array out of bounds' error and I have tried numerous times to fix it but to not avail. Nothing I have googled or looked up in my book is helping.


int numRect = 0;
float x = 100;
float y = 100;
int indexPosition = 0;

float[] rectXps = new float[0];
float[] rectYps = new float[0];

void setup() {
  size(700, 400);
  background(255);
  smooth();
}

void draw() {
  rectXps[indexPosition] = mouseX;
  rectYps[indexPosition] = mouseY;

  int i = 0;
  while (i > 0) {
    rectXps[i] = mouseX/2;
    rectYps[i] = mouseY/2;
    i = i+1;
  }

  int j = 0;
  rect(rectXps[j], rectYps[j], random(x), random(y));

}

void mousePressed() {
  numRect = numRect + 1;

  rectXps = expand(rectXps, numRect);
  rectYps = expand(rectYps, numRect);

}