06160805的課堂筆記

2019互動技術概論week01

注意：
size(w,h); //頁面大小
line(x,y,x,y); //線
rect(x,y,w,h); //矩形
circle(x,y,r); //圓形
ellipse(x,y,w,h); //橢圓
fill(R,G,B); //在矩形,圓形...等裡面的顏色
background(R,G,B); //頁面背景的顏色



打開processing

改字體大小：文件→偏好設定→編輯器字體大小

程式碼

size(700,700); //執行視窗的大小

line(10,10,90,90); //線從10,10到90,90

rect(90,90,600,600); //從90,90開始畫一個600x600的矩形

size(800,600); //執行視窗的大小

background(0,255,0); //背景顏色

fill(0,200,255); //矩形內的顏色

rect(100,100,200,200); //從100,100開始畫一個200x200的矩形

從系統裡面找自定顏色：工具→顏色選擇器

可自行更改想要的顏色，知道每個顏色的編號

將編號放在background跟fill裡面就能更改想要的顏色，不是只用RGB

size(800,600);

background(#E0C066);

fill(#59FCBA);

rect(100,100,200,200);

自行設計圖片並加上顏色

size(600,600); //整個頁面的大小

fill(#F2DA95); //第一個矩形的顏色

rect(0,0,600,600); //第一個矩形的位置及大小

fill(#D7F295); //第二個矩形的顏色

rect(100,100,400,400); //第二個矩形的位置及大小

fill(#F3F5F0); //第一個圓形的顏色

circle(200,250,50); //第一個圓形的位置大小

fill(#F3F5F0); //第二個圓形的顏色

circle(400,250,50); //第二個圓形的位置大小

fill(#FF464C); //橢圓的顏色

ellipse(300,350,200,80); //橢圓的位置大小

line(200,350,400,350); //線的位置大小