I have finished my project for the final presentation of it today. Changes i have made to it since the last version include adding color, moving the edges off screen, adding sound to collisions, removing the possibility to move the bottom blocks with your mouse and adding a top layer of blocks which can be moved with the mouse.
Adding sound was not difficult but I had to redo the code a couple of times until I got the code working as I wanted. One problem I had was defining the sounds in the right place. Also at one point when I was first testing the sound I had the sounds sharing a name with another variable which cause a whole lot of problems which would not let the program play. After identifying the problems it was easy enough to fix.
One interesting addition were the blocks along the to that can be moved around the screen. While playing around with the code and trying to make each note block and individual object which could be have methods called on it I deleted the original code for the blocks. When I decided to base the sound played off the position of the ball I no longer needed the blocks as individual objects so copied the code from the previous version to this version, which still had the blocks as movable objects. After I decided the screen looked a little bland so added the top blocks. While testing the program I notice that the block could still be moved so after setting the bottom ones to non movable objects I left the top row as movable as I believe it made it more interesting.
(this space is reserved for the sketch which did not upload properly to Open Processing.)
One of the main thoughts I have for changing the program is to make the sound based on the position of the blocks instead of the ball and changing octave compared to how high the block is off the ground. I do not believe this would be hard to code, but to make all the sound files would take some time. Also I find the sound gets annoying after awhile, so I am considering trying to find better sounds.
This is my Blog for my design innovation course, creative coding, at Victoria University. Some of the images posted are made on Processing and can also be found on the Open Processing website, which also contains the code I used to generate the images.
Thursday, 14 April 2011
Wednesday, 6 April 2011
Playing With Fisics
This is the sketch that I did to find out weather my idea would work. The first sketch I did (not posted)I didn't use a physics library and the movement was odd and did not look natural. Also the code that I used gave to much control of the ball to the user. With the use of the physics library, fisica, the control factor was lessened by the fact that the arrow keys accelerate the ball. This means that the speed at which the ball goes is not set so that things that you expect to happen may not straight away as the ball still has some motion in the opposite direction.
One problem i had with implementing the arrow keys on the keyboard was that the ball variable was defined inside the setup method. This meant that the balls position could only be changed inside the setup method. To fix this the ball was defined outside of any method so that it could be manipulated by multiple methods.
Something I noticed only after uploading it to Open Processing is that the blocks and ball can be manipulated buy the mouse. this is unintended and I plan to change this for the note blocks but may leave it in for the ball as it gives it that extra bit of interactivity.
Finally the edges of the world can be seen on screen and when hit will change color as well. I don't like this and I believe there is a method some where in the library that allows me to make the edges appear off screen but still cause the ball to stay in the confines of the screen.
So far i think this project has been good as it has taught me about how to use libraries from outside Processing's own. It has been difficult but interesting going trough the Fisica documentation finding methods that do what I want to do and then trying to implement them. One such example is the contact method which is what I used to make the note blocks change color when the ball collides with them. The examples that came with the library helped me immensely with this.
Next I have to add sound to the sketch so that when the ball hits the different note blocks they make an individual sound.
One problem i had with implementing the arrow keys on the keyboard was that the ball variable was defined inside the setup method. This meant that the balls position could only be changed inside the setup method. To fix this the ball was defined outside of any method so that it could be manipulated by multiple methods.
Something I noticed only after uploading it to Open Processing is that the blocks and ball can be manipulated buy the mouse. this is unintended and I plan to change this for the note blocks but may leave it in for the ball as it gives it that extra bit of interactivity.
Finally the edges of the world can be seen on screen and when hit will change color as well. I don't like this and I believe there is a method some where in the library that allows me to make the edges appear off screen but still cause the ball to stay in the confines of the screen.
So far i think this project has been good as it has taught me about how to use libraries from outside Processing's own. It has been difficult but interesting going trough the Fisica documentation finding methods that do what I want to do and then trying to implement them. One such example is the contact method which is what I used to make the note blocks change color when the ball collides with them. The examples that came with the library helped me immensely with this.
Next I have to add sound to the sketch so that when the ball hits the different note blocks they make an individual sound.
Friday, 1 April 2011
Project two- what have I done so far
The two images below are ideas for the interactive program i have to write for this project. The first image shows the basic idea which is a ball which can be manipulated around the screen and hit the 'key' blocks and make them make a sound. next to that is a variation which is a circle. The notes around the outside are from the first presentation and are based off ideas that the tutors gave to me.
The second image shows further variation. One is like a platform video game where you can jump on to the different platforms and make them make noise. the second has two rows of keys and two balls either controlled together or separately, I am not sure which yet.
My idea for this came from the two sketches from the last post. My original idea was to make an environment where a character can interact with objects in the world much like the mouse thief character, and could jump when you clicked the mouse like the fur ball. After a lecture in which Angela showed us a video of Norman McLean's Synchronomy (1971), I thought that the basic shapes and colors would look better than a more complex design of say flowers and drums like I was planning.
The first thing I hope to achieve is to get the first idea working and then maybe after that work on some of the other ideas.
The second image shows further variation. One is like a platform video game where you can jump on to the different platforms and make them make noise. the second has two rows of keys and two balls either controlled together or separately, I am not sure which yet.
My idea for this came from the two sketches from the last post. My original idea was to make an environment where a character can interact with objects in the world much like the mouse thief character, and could jump when you clicked the mouse like the fur ball. After a lecture in which Angela showed us a video of Norman McLean's Synchronomy (1971), I thought that the basic shapes and colors would look better than a more complex design of say flowers and drums like I was planning.
The first thing I hope to achieve is to get the first idea working and then maybe after that work on some of the other ideas.
Monday, 28 March 2011
Transformation
The next project for this paper is called Transformation. It has to do with creating and interactive processing sketch with visuals and sound that reacts to the movement of the mouse across the window. During the weekend I did some research on Open Processing and found a few sketches which I thought were kind of neat. The first was a code which caused a little figure at the bottom of the screen to chase after your mouse pointer. When the pointer was directly above his head he would jump at the pointer and try and grab it. If the figure managed to touch the pointer it would grab the pointer and run off screen with effectively stealing it.
Something I only noticed after embedding it is that the figure also has extendable arms if it rests long enough under the cursor.
Another sketch that I liked was of a ball of fur that could have its hair manipulated with the cursor. I thought it was cool the way its eyes follow the mouse and how the hair moves according to its movement.
After some more research I will post up my first ideas for the second project which i have a presentation for this Friday.
Something I only noticed after embedding it is that the figure also has extendable arms if it rests long enough under the cursor.
Another sketch that I liked was of a ball of fur that could have its hair manipulated with the cursor. I thought it was cool the way its eyes follow the mouse and how the hair moves according to its movement.
After some more research I will post up my first ideas for the second project which i have a presentation for this Friday.
Reflections
This post is about what I learned during my first project for DSDN142.
I learnt that to keep on top of my blog and to make it accurate I have to blog things very soon after they happen.
I also learnt that to use my time efficiently I should read the brief before starting the project and doing the wrong thing and wasting time.
I found that the tutors are a great source of information and inspiration on design direction and coding problems.
In my next project I want to extend my design skills and plan more interesting designs.
I learnt that to keep on top of my blog and to make it accurate I have to blog things very soon after they happen.
I also learnt that to use my time efficiently I should read the brief before starting the project and doing the wrong thing and wasting time.
I found that the tutors are a great source of information and inspiration on design direction and coding problems.
In my next project I want to extend my design skills and plan more interesting designs.
Monday, 21 March 2011
PDF's for Hand In
Final Day
Today is hand in day and all I need to do is to do is print off my last sketch and post the sketches online so here they are.
The shore wallpaper was going to be the waterfall wallpaper, but I decided that the set needed another pattern like the waves to balance out the set, with two close pattern based panels(the waves and the shore) and two with more distance and less repetitive panels( the bubbles and the rain).
The shore wallpaper was going to be the waterfall wallpaper, but I decided that the set needed another pattern like the waves to balance out the set, with two close pattern based panels(the waves and the shore) and two with more distance and less repetitive panels( the bubbles and the rain).
Subscribe to:
Posts (Atom)

