Week 03

Animation, Variables, Interaction

Last updated 6 years ago

Week 03

Animation, Variables, Interaction

1. Variable

number

var s = 90;

string

var name = "don"

object

var circle = {
    radius: 13,
    x: 60,
    y: 100
};


circle.radius 
circle.x
circle.y

array

var num = [1, 2, 3];


num[0]
num[1]
num[2]

2. Let and Variable

let allows you to declare variables that are limited in scope to the block, statement, or expression on which it is used. This is unlike the var keyword, which defines a variable globally, or locally to an entire function regardless of block scope.

let x = 1;

3. console.log()

4. Animation

What is animation? Either something that moves by the intention of the user or something that moves automatically for the better interaction in functionality and emotions.

random()

// random in number
random(50); // range in 0 to 50
random(-50, 50); // range in -50 to 50 


//random in  string
var words = ['a', 'b', 'c', 'd'];
var word = random(words); // select a random word from a,b,c,d

mouseX, mouseY

  ellipse(mouseX, mouseY, 24, 24);
  ellipse(mouseX, mouseY,mouseX, mouseY);

map()

map(which value had current range,currentMin,currentMax,newMin,newMax)

mousePressed()

function mousePressed() {
};

5. Assignment

Make any project that interacts with the user.

Always submit link as an editor view from now on.

이상은

이의진

이가하

이다영

Celso Urroz

Lukas Merten

Alexis Sechoir

이재은

김다인

김지원

PreviousWeek 02 NextWeek 04

Last updated 6 years ago

Week 03

Week 03

1. Variable

number

string

object

array

2. Let and Variable

3. console.log()

4. Animation

What is animation? Either something that moves by the intention of the user or something that moves automatically for the better interaction in functionality and emotions.

random()

mouseX, mouseY

map()

mousePressed()

5. Assignment

Make any project that interacts with the user.

Always submit link as an editor view from now on.

1. Variable

number

string

object

array

2. Let and Variable

3. console.log()

4. Animation

What is animation? Either something that moves by the intention of the user or something that moves automatically for the better interaction in functionality and emotions.

random()

mouseX, mouseY

map()

mousePressed()

5. Assignment

Make any project that interacts with the user.

Submit here:

Always submit link as an editor view from now on.

Submit here: