(☞ﾟヮﾟ)☞ Week01

✨ Week01✨

🐧繪製呆企鵝

小企鵝範例

顏色選擇

查詢程式碼

自動對齊

繪製圖案

程式碼分析

size(600,600);           //視窗大小

background(#DCFAF6);     //背景顏色

stroke(#FFD96F);         //線條顏色

noStroke();              //無邊框

strokeWeight(5);         //線條粗細

fill(#FFFFE0);           //填充顏色

rect(100,100,400,400);   //方形rectangle(矩形左上x座標,左上y座標,圖形大小)

ellipse(200,300,30,30);  //橢圓(圓中心座標,大小)

line(200,400,400,400);   //直線(起始x,起始y,終點x,終點y)

💻程式碼

size(600,600); //視窗大小

background(#DCFAF6);//背景顏色

noStroke();//線條顏色

strokeWeight(5);

fill(#FFFFE0);

rect(100,100,400,400); //臉

stroke(#555555);

strokeWeight(8);

ellipse(200,300,30,30); //左眼

ellipse(400,300,30,30);//右眼

//rect(200,350,200,100);

stroke(#FFFFE0);

strokeWeight(5);

fill(#FFC329);

ellipse(300,400,200,100);

line(200,400,400,400);//嘴

讓眼睛跟著滑鼠移動

💻程式碼

void setup()

{

  size(600,600); //視窗大小

}//設定函式

void draw()

{

  background(#DCFAF6);//背景顏色

  noStroke();//線條顏色

  strokeWeight(5);

  fill(#FFFFE0);

  rect(100,100,400,400); //方塊rectangle(矩形左上x座標,左上y座標,大小)

  stroke(#555555);

  strokeWeight(8);

  ellipse(mouseX,mouseY,30,30); //變數 mouseX mouseY

  ellipse(400,300,30,30);

  //rect(200,350,200,100);

  stroke(#FFFFE0);

  strokeWeight(5);

  fill(#FFC329);

  ellipse(300,400,200,100);

  line(200,400,400,400);

}//畫圖函式 每秒執行60次(frame)