Bunny-week01

 Week03

解壓縮processing-3.5.4

//第一個程式

size(600,400);//(1)大小

//第二個程式

//工具Tool-顏色選擇器Color Selector-複製copy

background(#5C5AFF);//(2)顏色:背景色、畫的顏色

//第一個程式

size(600,600);//(1)大小

//第二個程式

//工具Tool-顏色選擇器Color Selector-複製copy

background(#5C5AFF);//(2)顏色:背景色、畫的顏色

//第三個程式

rect(100,100,400,400);//(3)方塊rect rectangle

ellipse(200,300,30,30);//(4)橢圓

ellipse(400,300,30,30);

//第一個程式

size(600,600);//(1)大小

//第二個程式

//工具Tool-顏色選擇器Color Selector-複製copy

background(#5C5AFF);//(2)顏色:背景色、畫的顏色

//第三個程式

rect(100,100,400,400);//(3)方塊rect rectangle///前兩個數字是位置，後兩個大小

ellipse(200,300,30,30);//(4)橢圓

ellipse(400,300,30,30);

ellipse(300,400,200,100);

自己練習的

//第一個程式

size(600,600);//(1)大小

//第二個程式

//工具Tool-顏色選擇器Color Selector-複製copy

background(#5D5D5D);//(2)顏色:背景色、畫的顏色

//第五個程式

stroke(204,102,0);//筆觸的色彩(外面框框的顏色)

strokeWeight(5);//線條粗細

//第六個程式

fill(#FFFFFF);//裡面的色彩

//第三個程式

rect(100,100,400,400);//(3)方塊rect rectangle///前兩個數字是位置，後兩個大小

//第四個程式

stroke(#5F5F5F);

ellipse(200,300,30,30);//(4)橢圓

ellipse(400,300,30,30);

stroke(#FAFAFA);

fill(#FF6C0F);

ellipse(300,400,200,100);//中心點在正中間

stroke(#FAFAFA);

rect(200,400,200,1.5);//中心點在左上角

//橢圓 vs. 長方形的差別

老師整理的

size(600,600);

background(128);

fill(255);

noStroke();//臉

rect(100,100,400,400);

stroke(128);

strokeWeight(5);//雙眼

ellipse(200,300,30,30);

ellipse(400,300,30,30);

noStroke();

fill(#CC6600);

ellipse(300,400,200,100);

stroke(255);

line(200,400,400,400);

小筆記

stroke();//筆觸的色彩(外面框框的顏色)

strokeWeight();//線條粗細

fill();//裡面的色彩

rect();//方塊

ellipse();//橢圓

增加滑鼠互動

void setup(){
  size(600,600);
}
void draw(){
  background(128);
  fill(255);
  noStroke();//臉
  rect(100,100,400,400);
  stroke(128);
  strokeWeight(5);//雙眼
  ellipse(mouseX,mouseY,30,30);
  ellipse(400,300,30,30);
  noStroke();
  fill(#CC6600);//嘴巴
  ellipse(300,400,200,100);
  stroke(255);//嘴巴的直線
  line(200,400,400,400);
}//重點1:畫圖函式，每秒60次 1小時=60分，1秒=60畫面frame