topic 7 . pixels

I am going to Re-interpret a static photographic image using processing. Use Processing to import the pixel data, and to draw each pixel on the screen. Modify the code and modify the image in a new / abstract way. Experiment with different ways to achieve different effects. 


....................................................................................




* Image pixel1

* Image (shock)

                                       

* Image load  

* Image pixels work when you  move the mouse to the right , stop when the mouse move to the left.

Topic 6. Multiple Objects

Create a series of sketches which demonstrate different uses'reusability' in your code: in other words the ability to createmultiple objects or multiple behaviours. You may wish to use ideas in some of your previous sketches to create multiple drawings or multiple objects which react to the mouse, for example.

Use functions and classes
.................................................................................................................................

* using formula

* arrays

                                       

 * aliens move toward the mouse

* reactive eyes and face 

* monsters (sad moon)

move the mouse and stop it at any position you want. that will shows a different "EYES looks"

Topic 5. Random Images

I will use the random ( ) function as the main source of graphical production. Explore uses of the


random function to generate random graphics, letterforms etc. Also I will think about the different

elements that could be randomised (location, size, colour, 'speed' etc.)

Use random ( ), constrain ( ).
.......................................................................................................
 
* moves Balls by function
 

* Draw men  (using function)

more examples about drawing using function

* function flower face

* balls move toward mouse

more examples on object move toward the mouse 

* four balls follow each other and one of them move toward the mouse

* huge yellow ball attack 4 small balls

the huge ball move toward the mouse and the smaller balls also move awars the moouse but opposit to the huge yellow ball.

* Ball movements(using class function)

Topic 4. Keyboard Interactions

This week Iam going to create a series of sketches which explore the use of keyboard as the main source of


interaction. Think about how I could use the keys to create or modify graphics on the

screen. Use if statements to create different effects when each key is pressed. Advanced

pieces may consider creating and using a custom typeface.

Use: Keypressed (), KeyCode ().
 
Also I will use the random ( ) function as the main source of graphical production. Explore uses of the


random function to generate random graphics, letterforms etc. I will think about the different

elements that could be randomised (location, size, colour, 'speed' etc) .

* random ellipse

* Random ellipse and rect shapes

* Random color screen

* font text ( color change with mouse movement)

when you move the mouse to other place the color of the text will change

* key code color

more examples of drawing by using keycode

* font text (key pressed )

when you press any key the text will appear , oi used message function to do that.

* letter key pressed ( key board)

* keypressed ( pixel shape)

Topic 3. Animated Drawings

This week I am going to upload some works that I have done by using variables :

the key elements of variable is that they must have a name (e.g MyScore) and a value, the value must set at the begining of the code.

MyScore=0;

when points are scored the value is increased

myScore=myScore+Number;

I used variables to represent any element in sketch e.g. x position , y position , speed, colour etc.


* variables

- variable rainbow

* color and speed of changing color

- planets(color and speed changing)

* If object > 400 ...... ball off stage

* object move with the mouse movement

* planets (move with mouse movement)

* eyes( mouse and key pressed )

to move the blue circle presse any key in the keyboard.

and to move the white circle presse the mouse (right click).

keep pressing using the mouse to make the white circle close to the blue circle ,then press on the key to make the blue circle inside the white circle.

Also you can keep using mouse and key pressing to change the position of the blue circle.

* Reset the function

* Ball go and back

- moon eyes up and down

Topic 2.. Mouse - reactive Drawings

This week I am going to upload some works that i have done by using setup() and draw() , mouse X and mouseY , responding to mousepress and keypress.

...........................................................

1. here are some drawings that I draw them based on mouseX , mouse Y and getting previous mouse position.

* Balls

*mouseDrgged

* mousepressed

*mouseX,mouseY

when you move the mouse left and right , top and down, the color of the background change , the width and hight of the circles are changes too.

other example about mouse x , mouse Y :

* mouse X,mouseY 2

map

 * mousex , mouseY 3

spring

* pmouseX, pmouseY

boat and river

other examples of P mouse X , P mouse Y

* pmosusex,pmousey EYES

closed scary eyes

open scary eyes

open,closed scary eyes

* pmouseX,pmouseY sun

sun