1. 今天目標: 畫出一個五子棋
1.1. 使用 Tool- Color Selector, 挑出你要的顏色, 可用 R,G,B 來描述,也可用 #0B33FF 之類的像亂碼的數字來設定顏色
1.2. 要畫外框,可以用 rect()來畫, 要修改填充的顏色可以用fill(), 要讓畫的內部不要填充, 可以查看 Help-Reference 後,在 fill()樓上樓下相關的地方找到你要的功能 (ex. noFill() )
1.3. 使用 stroke() 來調畫線stroke的顏色, 在 Help-Reference 裡面可以找 stroke 相關的功能,像是比較粗的 stroke 可以用 strokeWeight() 來設定權重粗細
1.4. 想要畫裡面的細黑線,可以用 line() 來畫,配上不同的 strokeWeight() 粗細
int nowColor=1;
int nowX, nowY;
int [][] array = new int[10][10];
void setup(){
size(800, 800);
}
void draw(){
background(#F0D079);
noFill();
strokeWeight(6);
rect(50, 50, 720, 720);
strokeWeight(1);
for(int i=0;i<10;i++){
line(50, 50+i*80, 770, 50+i*80);
line(50+i*80, 50, 50+i*80, 770);
}
fill(255, 0, 0,50); ellipse(nowX*80+50, nowY*80+50, 80,80);
strokeWeight(4);
for(int i=0;i<10;i++){
for(int j=0;j<10;j++){
if(array[i][j]==1){fill(0); ellipse(i*80+50, j*80+50, 80, 80); }
if(array[i][j]==2){fill(255); ellipse(i*80+50, j*80+50, 80, 80); }
}
}
}
void mousePressed(){
array[nowX][nowY]= nowColor;
if(nowColor==1) nowColor=2;
else if(nowColor==2) nowColor=1;
}
void mouseMoved(){
nowX = (mouseX)/80;
nowY = (mouseY)/80;
println("mouseX: "+ mouseX + " mouseY: "+ mouseY + " nowX: "+ nowX + "nowY:"+nowY);
}
貼你覺得有意思的影片, 使用youtube 的分享, Blogger 分享, 兩邊都改成 HTML, 貼上 HTML
