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

Topic 1 Digital Drawings

for week 1 I sketched four different themes, that I have done by using rect , triangle, ellipse,arc and other different shapes.

1.

click on the word " flower" to see the theme.

flower

2.
click on the word " fishes" to see the theme.

fishes

3.

click on the word "icecream van" to see the theme.

icecream van

4.
click on the " sad moon " word to see the theme.


sadmoon

Introduction

Why am I doing this?

The computer environment is a vast media area capable of many great things:

computer software allows us to be creative in lots of different ways:

to paint, draw, write, compose music, create video, and combine elements of all of these things together. Despite all of these wonderful things which can be created by and using a computer, the computer has other unique abilities which cannot be replicated by other media:

the unique ability of the computer is to be interactive:

it is an environment which can take information from a user (mouse movement, keypress, sound input, video input, data input) and respond / react in a variety of different ways.

Interactivity is at the heart of the computer media itself.

“the true skill of a digital designer is the practised art of computer programming”

John Maeda

more Info

My plan

Hi every body;

In my blog you will find some information about principles of interaction Design , also I will upload my researches and works here .

I am going to use processing software to create sketches .

before using this software I will draw some concepts on paper then i will apply the steps in the processing software.

I will use functions to draw shapes, lines and curves using and manipulating color.

Each week I will upload at least 4 sketches.