Yiting_week01

 1:

(1)第一個程式 點線面(靜態)：

調整視窗大小：

更改背景色：

取顏色：工具(Tool)/顏色選擇器(Color Selector)/選自己喜歡的顏色/複製

畫四邊形(rect)：

fill:填充色彩(填充色彩的程式碼要在待填充物前)

rect(x,y,寬,長);

2:

(1)動態:

滑鼠移動：

程式碼：

void setup(){///void 為主動

size(500,500);

}

void draw(){

background(#DAACF7);

fill(#6FD2FF);

rect(100,100,100,150);

rect(mouseX,mouseY,100,150);///第二個方塊會跟著滑鼠移動

}

(2)網頁：

點選框框

下載p5.js

在網頁https://pde2js.herokuapp.com/ 將原本java轉成javaScript

再把轉換好的程式碼貼到processing的p5.js

成果：(會在網頁中開啟)

(3)畫圖:

程式碼：

void setup(){

size(500,500);

}

void draw(){

if (mousePressed){///滑鼠座標

   line(mouseX,mouseY,pmouseX,pmouseY);///p=

    }

}

改筆的顏色

程式碼：

void setup(){

size(500,500);

background(#CA95FF);///背景

stroke(87,252,243);///筆觸顏色

}

void draw(){

if (mousePressed){

   line(mouseX,mouseY,pmouseX,pmouseY);

   }

}

void keyPressed(){///鍵盤

   if(key=='1') stroke(#5986F5);

   if(key=='2') stroke(#59F55A);

   if(key=='3') stroke(#F74860);

}