Project 3 - Expo Piece Progress

o have began making my expo piece and it it comeing together nicely. I found a perfect sized wooden box at home to use to display evrything. the following images are of my progress with description of what it is, why i have done this how it links to my coding term.

this is my background i am putting on the base if the box i have used an image with very simple sections which represent each season; spring, summer, autumn and winter. I added the small images such as leaves to the autmn area and snowflakes to the summer ect. This was to make the seasons more clearer and to look good. I printed a few copys of this so that i could put them on each face of the box that is going to bet on the center of the box

Project 3 - Final Idea

i have chosen my final idea and now want to develop it. And fast, these are four different ideas that are based in one main idea. Te original idea was to make a sheep that you pull our and smalled sheep come out if it wen it is in a certain section of the background. After looking inro this i realised tht it would a a bit to complicayer to make which is why i though of these varieties.

Project 3-New Ideas

from mixing random words together from my brainstom and usig a bit of creativity i came up with a huge bunch of ideas for the expo, i consider both the code terms if/else and while loop. These are the results:

After a lot of ideas i realised they weren't a proper meaning of the if/else statment, the if else statment is not mrnt to be a natural thing that would hapen eg if u mox yellow paint with blue paint it makes green. We know this happens so it is just natural, however i needed some thing was going to be like a suprise, something artificial and unknown. The idea of n if/else statement is that when a certain statement is true then something specific happens and if not, something different happens. Keepig this on mind i came up with a few better ideas

Project 3-New Brainstorm

So far i am definatly not happy with my ideas so i'v decided to re brainstorm evrything and think of some new more innovative ideas.
I tried really hard to colaberate on the monopoly idea thinking of different ways i could [resent it and what code suited it best. I came up with some of the following ideas:
1. Showing images of a games being played in sequences showing how the money gets used up-Loops
2. Having some chocolate pieces on the game board which are the playing pieces. Over the expo people will eat the chocolates, gradually eliminating players(you cant play when there a no more players left-loops
3. Making wooden pieces that represent money that pop in and out of the side of the board-If/Else

Here is a new brainstorm i have done. I got help from my tutor Ben to come up with some new ideas.I used a technique where you try to clear your mind and not to think of anything. Doing this you must then write down absolutely any word that comes to your head. Here are the two results:

Project 3-Ideas

For my first favourite idea I used a monopoly board to base a processing game on.
The idea was to play the game until the all the cash goes to one player (one player goes bankrupt.

My second idea was to create model that the audience can play with to understand a loop. This idea is quite literal to a loop as the model is in the shape of a spiral.
This idea sprung from the childrens toy where you move beads along a maze of tracks sitting in the air.

My thrid idea was to create a track which the audience can push an object across.
This is similar to my second idea thou it relaes to loops a bit more. The object that will be pused around will have a piece of metal underneath that will slowly disintergrate as it gets used, until il cannot touch the main surface it sits on.

Project 3-Brainstorming

Project 3-Introduction

For our next project we are looking at how codes work and creating something related to a metaphor to explain the type of code.

I have chosen loops as i thought it was the code i understood clearly and thought it would have some interesting ways of showing it.

Project 2-Final

Here is my final project uploaded to my open processing account and our classroom.

I am happy with how my final ended out. After all the problems i came across it was resolved to end out how i wanted it. I think it is interactive and it can be played with for a while because there is a lots of different sounds you can make.

Here is the link to open processing: http://www.openprocessing.org/visuals/?visualID=28321
The name of application is 'Project 2-Transformation"

Project 2-Final Code

I have finished my final code!
I spent five hours studing what an Array was and how to used it but got so puzzled by it i couldn't apply it to my own applicating. Because of this i was left to writing the 105 lines of code. I didnt take to long but made my code very long. Luckily it wasn't to hard, my variable were named based on the colours and number of circle eg r1, r2, b1, b2.

SOUND:

I made some simple piano note on garage band to use in my code.
I then added the sounds to it. All i had to do was ad an if statement to each line (circles touching) to trigger it to play a piano note. When they were all finished it sounded really good. The notes built up nicely when you more circles touched. The sound of the piano did not make one constant sounch as if you were holding a note down on a piano because the computer is told to repeat the mp3 i haded. It made the note repeat continuously like a drum but i like how it sounded as they were interesting when lots were added together.

Lastly i added a reset button so that all the circle move back to their original place. This helped hugely because the circles could easily get messed around and it was nice to start again when the sounds got to much.

Project 2-Further Progress On The Code

My code so far is looking ok but still has a few problems and i am yet to add sound.
I have shown my progress to the tutors what i have done and got some feedback.
I could not find a way to make it so when two different coloured circle touch they make a new colour. This is because the code in processing program for this is insanely complicated. My solution to this was to make the transparecy of the circle a less, so when they touch the still form a different colour. The background i have so far is white but i changed it to black as it made the colour of the circles stronger and when the colours over lap the trandspareny effect is a lot brigther and more effective. I have so many circles which means i have to write out code for when each circle touched one another.

I have 5 circles and 3 colours (5x3=15)
The 1st red circle must touch the other 4 red the 5 blue and the fiev green (4+5+5=14)
so that 14 lines of code.
Then the 2nd red circle must touch the other 3 red, 5 blue and 5 green (3+5+5=13)
It then goes on for each circle(14+13+12+11+10+9+8+7+6+5+4+3+2+1=105)
That means i have to write 105 lines of code!!!

I was recommended to learn what an array was because it would let me create informatiion of a Circle using a class meaning in could tell the computer simple when a circle touched a circle it does what i want it to.

Project 2-Making The Code

I have started writing my code and it is going ok.
Once i started the code i decided to change the colours of my cirlces, instead of using red, blue and yellow(RBY) like painting colours it was recommended that i use red, green and blue (RGB) as these are the computer colours. When they mix they still form new colours but slightly different from the RBY thought what was better was that when all three coloyur mix the turn white.

I have needed to make a lot of varialbles (int) for each circles center points on the X and Y axis. I can use them to tell the computer when a circle is touching another. Once i have made these i created the circles which turned out perfect the first try. From here i then started to code the MousePress which was to make them interactive. I created a code which said; when the mouse is click over the diameter of a circle you can drag it. During this i came across a few problems. These are the problems and thier solutions:

1. The circles moved directly to the point the mouse was. This was because i told the circles X and Y points (centre) to move to the X and Y point of the mouse. I changed the code by saying when you click the area of the circle it moves to the mouse - the area in the diameter the mouse is

2. The circles pushed each other away once they touched. This wasn't really a problem once i fixed the code above.

3. When the circles got to close they sucked each other in and one disapeared and you could not retrieve it again. I fixed this by saying if the circles centre points get to a certain point near another they stop.

4. The circles disapeared when they went of the edge of the screen. I didnt find a soloution for this but am thinking of adding a reset button to fix this.

Project 2-Final Idea

I have made a new story board with a different idea:

The idea consists of a set of circles. Yellow Red and Blue like primary colours that you paint with. You will be able to click the circles and drag them so that they touch each other and overlap. Once they are touching They change colour like primary colours would when they are mixed. You will be able to produce the following colours when the circles mix:
Red + Red = Red
Red + Yellow = Orange
Red + Blue = Purple
Yellow + Yellow = Yellow
Yellow + Blue = Green
Blue + Blue = Blue


The sound part of this idea also happens when the circles touch. Each colour made will play i deffrent piano note. Starting from red the note will go higher up the scale. The sound will only play when they touch and one you pull them away the note stops. You can put many circles together so that many notes will play at the same time making the sound louder. There are a huge amount of variations you can make.

Project 2 - Brainstorming ideas

I have though of a first idea for my transformation using a story board to show the visual aspects of it. Here is my first sketched concept:

The idea was to form a basic music making interaction. I made a square shape in the middle which was the 'sound box' this is where the sounds play when the various squares are placed inside. I chose to use different instruments for each square so that they form a song when put together. I made the co-ordinates of where the squares are place change the tempo of the sounds e.g. nearer the edge is slower and closer to the centre is faster. I did this because it lets the user make the sounds their own.

This idea was not practical for this task as i found it was not very original and was to much of an 'example' of interaction more than a design. I need to create something that the user can play with, where they can change and form many different ways for sound to play.

Project 2 - Transformation

We have started our second project and its a step up from the last one! Were now using sound with coding. We are require to: Explore the topic transformation. Your ingredients are sound, visuals and interation. Develop a logical concept on how those ingredients can relate to each other. Design an interactive application that reacts to your mouse movement in processing, size 500x500 pixel.

I searched the definition on google and this is what came up:

n.

1. a. The act or an instance of transforming.
b. The state of being transformed.

2. A marked change, as in appearance or character, usually for the better.

Project One - Final Wallpaper

These are my final completed wallpapers for my first project.
They all resemble the features of a watermelon used in a modern and graphic way. They are together a set as they all use the same colour scheme and the same shapes and sections.

WALLPAPER ONE:

My first wallpaper was based on my original sketch. I made it a repetitive pattern that had elements in it which created curves such as the green rectangles bunched together and the seeds placed in the shape of a flower. The green rectangles are transparent to that when they overlap the create a subtle striped effect.










WALLPAPER TWO:

My second wallpaper was based on a slice of watermelon but with the seed placed in the flower shape. I placed them close together so that the green skin touched in places but they didn't overlap to far. This created an effective pattern which from far away does not appear as obvious watermelons.











WALLPAPER THREE:

My third wallpaper was ment to be a simple design. I used the basic watermelon shape and divided it into squares by adding a grid to it to. I made the seeds with a round edge just like a real seed as it showed where the curves broke the boundries on the grid which created a contrast to the overall design.











WALLPAPER FOUR:

My fourth wallpaper i wanted to be simple and clean. I did this by leaving a lot of black space and not using a repeating pattern. I made simple shapes look like slices of watermelon which 'explode' from the center my making the all face the centre. I thought this wallpaper was effective as it is defferent from the others but still has a clear link.

Project One - Progress

I chose to do the watermelon concept for my final four wallpapers because it is versatile and an interesting concept to develop. I drew a few examples of ways i could layout one of my patterns based on my first sketch i did on the watermelon

I have begun to code my wallpaper patterns which are coming out how I want them to. However I came across one problem when making the green watermelon skin shapes. i can not figure out how to make a curved rectangle on processing and have tried many help topics in the reference such as arcs, beziers and curves.

I found a way to do it with individual rectangles which gave it a digital, effective look. Because of this its lead me to do all my final wallpapers in this sort of style.

Project One - Sketch Ideas

The task for our first given project was to design a set of four decorative wallpapers which were to be put up in our first year design studio. They are to be created with the skills we have currently learnt in the 'Processing' software. To begin we had to find a source of inspiration that would help us to create and draw four different ideas for a wallpaper. For our first formal task we were expected to do a presentation of our drawings to the class.

Inspiration One:

For my first concept i started of with the basic image of a watermelon. From this i thought I may be able to pull it's structure apart and create a repeating pattern. I took each main part of the fruit which consists of the pink flesh, green skin and the seeds. By rearranging them i put together a bright and fruity pattern with flowers formed by seeds and repeating curves. A problem i had was choosing what texture to add to the green skin. Adding alternating colours with stripes gave the pattern a retro and stylized look which I think suited the overall concept nicely.

Inspiration 2:

For my second concept i took an interest to the old school game Pacman. I created a pattern which resembled the game using bright neon colpoured lines and blocks of colour for the pacman and ghosts. I kept the background black as it encouraged the bright colors to stand out. The idea this drawing triggered was to form a wallpaper that you could play with you eyes when you look at it, making it more than just a wallpaper. One problem I came across was that I would have to rediesign the concept into a way that wasn't an exact replica of the game layout. This mmeans i would have to pull the pieces of the game apart and form a pattern with them that is original. To me this negatively effected the idea i had at first, making it not as interesting.

Inspiration 3:

My third idea i based on the own personal character and interest. I found this clothing fabric that caught my eye. It was an aztect patterned fabric used for a collection made by 'Stolen Girlfriends Club' a New Zealand designer clothing label.
I drew a simplified version using only black and a vibrant red/orange. A particular part i liked was their use of digital looking lines. The shaped on the fabric aren't exact and are all very different. Taking this into consideration i structured my pattern in a similar way using jagged lines placed close together to create a mix of shapes. I really liked the outcome of my drawing though the pattern would be very complex to code in processing and would take a long time.

Inspiration 4:

For my final drawing my inspiration was an optical illusions. I formed a basic layout of circles with a grid of lines over the top. Where the lines touch the colour turns negative (white).
My reason for this pattern was that i wanted to do a drawing different from the rest, and a lot simpler.I started of with circles and crosses in between, which connected them but then decided to lengthen the lines so they touched as it formed a nice grid like pattern. I liked this design the least as it did not have anything eye catching or special to me.

Open Processing

Open processing is a website where a community of people share their Processing sketches. I made an account to put my sketches on to that I have completed so far. This is the link to my portfolio: www.openprocessing.org/portal/?userID=10144

I was asked to join our creative coding classroom on Open Processing which is: Creative Coding DSDN142 @ Victoria University of Wellington

Learning new coding

In our studio session we were taught how to set up our own code settings and how to make moving sketches.
We used the codes 'Void setup' and 'Void draw'. To practise these i decided to make a pacman shape that move across the screen.

This was my outcome:
To see the moving sketch in open processing click this link:

A problem i came across when creating my own sketch was that when i made an 'ellipse' shape it would stay in on place and create a black line along the screen as it moved. To fix this i made a new backgroud setting in my void draw section, which redrew a new white background each time the ellipse moved.

Introduction

For this coarse we were introduced to a program called Processing. The program lets you design codes which create different patterns, interative designs and other cool projects For the first few days we learnt how to make patterns on a pre made code given to us. These are some codes I made:

My idea was to create an Aztec themed pattern which was bright and digital.
I learnt how to form triangles and how to place them in the exact order i wanted. What helped me learn the basics of processing was the references they give you on their website. Also the posts that are put on the www.firstyeardesign.com website