Final Result Before Final Presentation

I have been wokring away hard at my project. the println code has worked out very well for where to position my other circles and i have managed to make them move in the right positions. I am still however struggling with the changing size of the circles.

I have began to experiment with sound but havent had enough time to programme each dot with sounds. I also need to code so that each step is in states or continue using the mouse click variable in order to then from there work backwards to the black dot. looping the animation.

Before Final Hand in i would like to work on
-finishing my code!!
-organising code into states, so that the actions can loop
-Prgramme sound effects to each colour
-Make transitions between each transformation smoother
-possibly experiment with other effects that could be added to the final result

Soltuion

I have talked to my tutor and we have found out a soltuion from the stage that i am at now. howvere this isnt actually so great as now i have to try and actually do it. The way to approach my issue is to create a mousepressed function that prints the co-ordinates of where you press. then i need to roughly click as close to the center of each circle as i can in order to print those co-ordinates from there i need to draw  the circles in the middle on those co-ordinates.

I also realised today that my colours arent actually primary colours as i was using the RGB code, so i need to find out the code to make yellow on colour schemer and use that instead.

I also have thought realistically about my code and what im trying to achieve and realised its not possible within the time frame for the final hand-in if i carry on working and understanding at the same rate. I have now decided to stage my code and make the dots come form center going out and then reversing back the other way.

To incoporate sound i will need to programme the sound into each circle once i hae figured out how to do that.

time is of the essence!

STUCK!!!

So it has taken me a very long time to try and figure out how on earth i will do the next step of the animation. After talking to the tutor it turns out that becasue i have sort of "cheated" and used transformation rather than making objects i now cant find the center point of the circles and have no idea where on the page they are.

With only a few days left at the time i found this out, i had hit a brick wall. In order to create objects from my design would basically mean starting again from scracth.And i would have to learn and understand a whole pile of information i currently dont know anything about.

AHHHHHHH.. im so stuck!

Creating my first Transformation

Development 2:

Now that I have selected the area and tested it, i now want to draw my first three circles in the centre of the big black circle. This has taken me a long time to figure out. Originally I was told to use mathematics and the area of pie in order to work it out. I am shocking at Maths therefore have decided to try another method. I have used rotation and transformation in order to place the circles evenly inside the circle with the same distance from the center. I made the center point the center of the circle which is a point the I know and then from there drew and then rotated and transformed three times. Although i don’t know the points they are now drawn inside the circle perfectly and i think i can apply the same method of transformation in order to make the circles bigger and in a different place once the mouse is clicked. I Have finally worked out how to do the first step and how to apply transformation! YUSS!

Development 3:

So in trying to rotate the circle I have experimented with lots of code and ended up with several weird results. Its proving harder than I thought to make the centre circle smaller and transform the middle circles and enlarge them.

This is an example of my trial and error

After hours of trial and error, (which shows me that learning the skills I need to know for this project is going to be very, very, time consuming), I have finally figured out how to make the if statement draw what I want it to draw. This was using more transformation and adjusting size.

Progress- Creation #1

I have begun creating my image. I have started doing tutorials, i would be lying to say that i have been able to withhold all the information from the tutorials but i have been able to make a good start.

My first step was to create the circle and an if statment for when the circle is clicked. This means i have to limake the mouse clicked area only inside the circle. In order to test i have done this, for the time being i made it so that if the circle was clicked it would go white. so i would know if i have been successfull.

You have to tell the mouse where to click,

if(mousePressed && mouseX > centerX-r/2 && mouseY > centerY-r/2&& mouseX < centerY+r/2 && mouseY < centerY+r/2)

{

  drawSomething();

 }

}

void drawSomething()

{

  fill(255);

  ellipse(centerX,centerY,r,r);

}



Project 2- Initial ideas for project 1

Brainstrom
In project one my conclusion was that my original idea was too complex for someone just starting out without the knowledge to make changes to my original ideas in order to improve the final result. My idea was very specific meaning that i didnt have much room for experimetentation, nor the time or knowledge. I have learnt that its ok to make changes to your original ideas through experimentation and development throughout the project.

From my reflection of the last project i have decided it is important to leave room for experimentation, and have a rough end result that you would like rather than a clear plan. This way i am more likely to experiment therefore have a better end result. I also noticed that sometimes simple ideas can be the most visually appealing. During the class vote on our favourite designs, it was generally the dsigns using basic geometric shapes transformation and effective colour were the ones that were most popular I kept his in mind whilst brainstorming.

In the last project i decided i wanted to use a logical or more structured use of colour in my work. I was then inspried and reminded of working with paint where there is a colour pattern (guideline) you can follow, that works. this is where i was inpired to use the colour wheel and the way the primary colour can transform into other colours..

From this i decided it would be cool through human interaction to produce colours from other colours, an original black dot on the screen and once pressed producing primary coloured dots and then once they are clicked producing sedimentry colours etc. etc.

I then began to think about the effectiveness of the changing size of the dots. I think it would be effective to alternate (depending on which dots have been clicked) between large dots and smaller dots.

Seen as the project is meant to include sound but i have no experience with sound, i have decided to experiment with it after i have created the image. I think it woul dbe cool however to programme each dot with a different tone or sound, meaning you could sort of create your own tune depending on the dots you click and what stage you are at throught hte animation.

Design Storyboard

Goals

My goal is to figure out how to construct my design using processing. I would like to further my knowledge and experience with the programme learning how to incoporate human interaction, animation, and transformation and sound.

I have never used any of these features and have a short time limit before the next checkpoint before mid semester break. I need to stay on top of the work, adn try and keep my method resonably simple.

Project 1: Reflection

From the wallpaper design porject one) I have widened my skills and knowledge of coding. In this project i learnt how to write my own code, rather than using the template i had been using for my other designs doen in class. Ive learned how to use random variables and include limitations, how to draw complex geometric shapes as well as experimenting and furthering my knowledge on the use of colour and opacity. During this project i also learnt the limitations, disadvantages and advantages of the pattern-maker code. I found the pattern-maker code useful for my deisgn because i was able to copy my code and make small adjustments for each pannel in order to create my final design. I have learnt the fustrations of using the pattern-maker such as when using colour and opacity and how lines can vary it opacity depending on the position and overlapping of the designs.

 

I also learnt how the random function can be unpredictable and uler the image for the worse at time. In my case this wasnt a huge issue as my design was to make the geometric shapes and lines look like they were floating therefore i wasnt seekeing even rhythm in the placement, however its important to keep in mind for future projects that it is unpredicatable.

 

In regards to my final result i think it represented my intial designs and plans quite well, however in comparisson to the other work i think it wasnt a very strong design, int hat it wasnt as visually appealing. The best designs that were the most visual designs were often quite simple designs effectively using geometric shapes, lines or dots and the effective use of colour. Although i did try to do this, i think that because i began this course with no understanding of coding (sometimes i wonder if i stil understand it) i tried to keep my design too sutle, where as i should have experimented more with colours and transformations etc.

 

In the last project i tried to stick to my originial deisgn and learn the skill si needed to create that, fearing about the time limit of the project. I think next time i need to leave more room for experimentation, which could ultiately better my final result.

 

I liked the way my wall paper flowed between each other, and that it was obvious as a set though. and i saw that many other people had done the same thing and had some effective results.

 

For Project 2, i think i woul dlike to use stratgeic (carefuly picked) colours, simple shapes, and leave alot of room for trial and error in my intial design. I would like to further my skills on pattern-maker and ultimately be able to create an interactive animation using tranformation.