Week 03

Animation, Variables, Interaction

1. Variable

number

var s = 90;

string

var name = "don"

object

https://editor.p5js.org/kdoodoo/sketches/S1eJIVpdQ

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;

https://editor.p5js.org/kdoodoo/sketches/rJ1s90hdm

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.

https://jsfiddle.net/kdoodoo/c0esafg4/

https://editor.p5js.org/kdoodoo/sketches/Hy1BtR3u7

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

https://editor.p5js.org/kdoodoo/sketches/HJlfT03um

mouseX, mouseY

https://jsfiddle.net/kdoodoo/53graLpd/

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

map()

https://editor.p5js.org/kdoodoo/sketches/H1gGsETOQ

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

mousePressed()

https://editor.p5js.org/kdoodoo/sketches/ByYWeS6uX

function mousePressed() {
};

5. Assignment

Make any project that interacts with the user.

Submit here: https://goo.gl/forms/zlr9n5bNbT0iPTyJ2

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