week01 互動技術

 week01 互動技術

Step01-1 製作出框

Step01-2 更改背景顏色

Step01-3 點線面

Step02-1 互動

Step02-2   下載P5.JS

Step02-3   processing轉成P5.JS

Step03-1   自製小畫家

void setup(){

    size(500,500);

}

void draw(){

   if(mousePressed){

   line(mouseX,mouseY,pmouseX,pmouseY);

   } 

}

Step03-2   完善小畫家

void setup(){

    size(500,500);

    background(#FFFFFF);

    stroke(#030303);

}

void draw(){

   if(mousePressed){

   line(mouseX,mouseY,pmouseX,pmouseY);

   }

}

void keyPressed(){

  if(key=='1')stroke(#F7003E);

  if(key=='2')stroke(#4300FF);

  if(key=='3')stroke(#0DFF0A);

}