Words

at first i didnt know what to write for my word thing, so i started just talking about the variable, then i had a look at the breif and found out that i was mean to be talking about my project.

Working Program

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

its finished now everything is working perfectly

Playing with the code

i got my program working, the colour balls are changing the colour of the particles and the spin is making it spin. so i played with the code and made a new ball and i add right and left spin code together and found somthing really cool. normally the spin balls make the particles spin out, but when i add them together they particles is absorbing into the mouse i found that really cool.

right ball
        vx -= (150 - radius) * 0.01 * cos(angle - (0.7 + 0.0005 * (150 - radius)));
        vy -= (150 - radius) * 0.01 * sin(angle - (0.7 + 0.0005 * (150 - radius)));
left ball
        vx -= (150 - radius) * 0.01 * cos(angle + (0.7 + 0.0005 * (150 - radius)));
        vy -= (150 - radius) * 0.01 * sin(angle + (0.7 + 0.0005 * (150 - radius)));
Absorb ball
        vx -= (150 - radius) * 0.01 * cos(angle + (0.7 + 0.0005 * (150 - radius)));
        vy -= (150 - radius) * 0.01 * sin(angle + (0.7 + 0.0005 * (150 - radius)));
        vx -= (150 - radius) * 0.01 * cos(angle - (0.7 + 0.0005 * (150 - radius)));
        vy -= (150 - radius) * 0.01 * sin(angle - (0.7 + 0.0005 * (150 - radius)));

overlapping

when the balls bounce back the all land in the same spot, so if the user wanted to find a ball they will have to move 5 balls to get to the one they want.

locked.vy = random(-30,30);
locked.vx= random(-30,30);

i added random(-5,5); to the how speed and direction they bounced out, which didnt work, well it worked but it only changed the spot they overlapped, so i added a float for the speed and direction and then added the random outside of that code:

float ranx = random(-30,30);
float rany = random(10,80);

if ( mouseX > 160 && mouseX < 240 && mouseY > 350 - Ball.radius) {
      if (locked != null && locked != clicked) {
        locked.vy = -rany;
        locked.vx = ranx;      }
     
      locked = clicked;
      locked.x = 200;
      locked.y = 350;
      locked.vx = 0;
      locked.vy = 0;
      locked.bounded = false;
    } else if (clicked == locked) {
      locked = null;
    }
  }

Balls

I wasn't sure how to create the balls which have to be bounded and it have to be able to snap into the slot. tim helped me create the ball and how to lock the ball into the slot as well.

Colour

the colour setting was at "colorMode(RGB, 2);" thats why i could only get black and white i change it to "colorMode(RGB, 255);" which gave me more colours.

Started playing with the particles

i started playing with the particles. i changed the codes around so i can get the particles spining right and left, and i played with the colours at this point  i can only get it to be white and black.

Baoxiong Dai - Dsdn142 - Project 2

 

High frequency

 Lower frequency

i chose to use blue as i final colour because i found it best fit the sound and it also look cool with black.

Change of plan

 

With this i want the colours to represent the sound as well as looking cool, so when the sound have a higher frequency the colour would be darker and when the pitch was lower it would have a light colour.

Two colours

With these i was testing which colours works with each other and which didn't.

 I think the colour blue work really well with the black when it fades and same with the green, but when you put all 3 together, it doesn't look as good as i wanted them to.

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

i changed the looks because i wanted to add colour and i didn't want people to know what i did to get it looking like this. with this i think its harder to tell what i did and the patterns makes it look cool as well :)

Project2_(1)

 

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

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

this is my first sketch without sound.

Sound

After i added my sound, open processing won't let me upload my sketches, well it does but its only a white screen.

bouncing ball

i made my bounching ball, then when i added my grid line something unexpected happened. the grid slowly fades into the background and it only poped up when the ball go pass the line then it fades out again. it looked very cool so then instead of making the ball explode and all that, i decided to build on this instead.

Storyboard

 I chose to move towards this stroyboard because it gave me more options and it can be develop much easier than the other 2 storyboard.

 i like this idea but it will leave me with less room for improvement.

 

i like this the less because its too simple and will be harder to develop later on.

Reflection

(Reflection)
 i like the color i have chosen for my wallpapers, i think they fit well with each other.
 i think i did well on how it demands attention on the middle where the lines kind of pulls you eyes in, same with the circles.
(learn)
i have learned that programming process(the way you think) is the almost the same. it doesn't matter what programming language you use, the idea behind it is almost the same.
(Goal)
is to clean up my codes by using more variables, maybe add a few arrays and loops so i don't need to keep retyping the numbers.

http://www.openprocessing.org/visuals/?visualID=24357http://www.openprocessing.org/visuals/?visualID=24359
http://www.openprocessing.org/visuals/?visualID=24361
http://www.openprocessing.org/visuals/?visualID=24362

With my final wallpapers i made this 3d looking tunnel, where they are all linked.
its like moving in an endless tunnel, when you go deeper in the tunnel the pattern will change as well.


The wallpaper still have the elements from my 4 sketches, its still got the overlapping idea which made some part of the tunnel lighter and darker, its still got the 3d feel to it from the line sketch, its got the overlapping with shapes. All the ideas from the 4 sketches are still in all 4 wallpapers.

New

after the presentation i found out that all 4 wallpaper had to have the same theme.
I looked at my four wallpaper and what do i like about them and which works and which doesn't.

so i kind of like the first and 3rd wallpaper, the first one was that it had a nice overlapping idea with patterns, it gave me the idea of overlapping colors. and the 3rd one i love the 3d  look, it kind of reminded me of like a vortex or even a better a tunnel, so i went on google to get some inspiration

 

 i love how the lines are lighter, it feels like its pulling me in.

 

i like how the colors on rings change

wallpapers

These are the 4 wallpapers that i drew, but they don't really have the same themes.

when i was drawing the bottom 3 wallpapers, i was kind of thinking what i could do with a single shape and if i was to overlap them at a certain angle and pace, it would form a new shape.

4 Sketches

This Sketch is the one we drew in class. its simply 50 units down, 50 units across, 50 units down again and 50 units across, then repeat with the box 100 units x and y axes.

 i found this sketch interesting because i made this with random colors and 2 lines, and you cant really tell if i used lines.

I think this is the most beautiful because of the beautiful patterns made with only lines

with my last sketch i was just playing with lines so i drew 3 lines and made it repeat, didn't expect the lines to form a dot when they joined.