week04,hw04

1.

void setup()
{
size(600,500);
background(255,255,255);

fill(0,128,255);
rect(0,0,50,50);
fill(128,255,0);
rect(0,50,50,50);
fill(255,128,0);
rect(0,100,50,50);
fill(255,128,255);
rect(0,150,50,50);
fill(0,0,0);
rect(0,200,50,50);
fill(255,0,0);
rect(0,250,50,50);

fill(255,255,255);
rect(0,300,50,50);
ellipse(25,325,2.5,2.5);

fill(255,255,255);
rect(0,350,50,50);
ellipse(25,375,5,5);

fill(255,255,255);
rect(0,400,50,50);
ellipse(25,425,10,10);

fill(255,255,255);
rect(0,450,50,50);
rect(20,465,15,15);

fill(255,255,255);
rect(550,200,50,50);

fill(255,0,255);
text("save",570,230);


stroke(170, 155, 50);
strokeWeight(10);
}
void draw()
{




if(mouseX<50 && mouseY&rt;300 && mouseY<350 && mousePressed) { strokeWeight(2.5); } else if(mouseX<50 && mouseY&rt;350 && mouseY<400 && mousePressed) { strokeWeight(5); } else if(mouseX<50 && mouseY&rt;400 && mouseY<450 && mousePressed) { strokeWeight(10); } else if(mouseX<50 && mouseY<50 && mousePressed) { stroke(0,128,255); } else if(mouseX<50 && mouseY<100 && mousePressed) { stroke(128,255,0); } else if(mouseX<50 && mouseY<150 && mousePressed) { stroke(255,128,0); } else if(mouseX<50 && mouseY<200 && mousePressed) { stroke(255,128,255); } else if(mouseX<50 && mouseY<250 && mousePressed) { stroke(0,0,0); } else if(mouseX<50 && mouseY<300 && mousePressed) { stroke(255,0,0); } else if(mouseX<50 && mouseY<500 && mousePressed) { stroke(255,255,255); } else if(mouseX&rt;500 && mouseX&rt;200&&mouseY<250 && mousePressed)

{
saveFrame();

}






else if(mousePressed)
{
line(mouseX,mouseY,pmouseX,pmouseY);

}
} 

Week04,Hw04

1.1

void setup(){
size(500,400);
}
void draw(){
if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);
}


1.2

2.1

void setup()

{

  background(255, 255, 255);

  size(500, 400);

  fill(0,255,51);

  rect(0, 0, 50, 50);

  fill(0, 51, 255);

  rect(0, 50, 50, 50);

  fill(255, 0, 0);

  rect(0, 100, 50, 50);

  fill(255, 255, 0);

  rect(0, 150, 50, 50);

  fill(0, 0, 0);

  rect(0, 200, 50, 50);

  fill(255, 255, 255);

  rect(450, 0, 50, 50);

  rect(450, 50, 50, 50);

  rect(450, 100, 50, 50);

  rect(450, 200, 50, 50);

  rect(450, 250, 50, 50);

  rect(450, 300, 50, 50);

  fill(0,0,0);

  ellipse(475, 25, 5, 5);

  fill(0,0,0);

  ellipse(475, 75, 10, 10);

  fill(0,0,0);

  ellipse(475, 125, 15, 15);

  fill(255,255,255);

  rect(465, 215, 20, 20);

  rect(470, 270, 10, 10);

  fill(255, 0, 0);

  text("SAVE", 465, 330);

}

void draw()

{

  if (mouseX<50&&mouseY>250&&mouseY<300&&mousePressed)

  {

    strokeWeight(0);

  }

  else if (mouseX>450&&mouseX<500&&mouseY>0&&mouseY<50&&mousePressed)

  {

    strokeWeight(0);

  }

  else if (mouseX>450&&mouseX<500&&mouseY>50&&mouseY<100&&mousePressed)

  {

    strokeWeight(10);

  }

  else if (mouseX>450&&mouseX<500&&mouseY>100&&mouseY<150&&mousePressed)

  {

    strokeWeight(20);

  }

  else if (mouseX>450&&mouseX<500&&mouseY>150&&mouseY<200&&mousePressed)

  {

    strokeWeight(30);

  }

  else if (mouseX>450&&mouseX<500&&mouseY>200&&mouseY<250&&mousePressed)

  {

    strokeWeight(40);

    stroke(255, 255, 255);

  }

  else if (mouseX>450&&mouseX<500&&mouseY>250&&mouseY<300&&mousePressed)

  {

    strokeWeight(20);

    stroke(255, 255, 255);

  }

  else if (mouseX>450&&mouseX<500&&mouseY>300&&mouseY<350&&mousePressed)

  {

    saveFrame();

  }

  else if (mouseX<50&&mouseY<50&&mousePressed)

  {

    stroke(0,255,51);

  }

  else if (mouseX<50&&mouseY<100&&mousePressed)

  {

    stroke(0,51,255);

  }

  else if (mouseX<50&&mouseY<150&&mousePressed)

  {

    stroke(255, 0, 0);

  }

  else if (mouseX<50&&mouseY<200&&mousePressed)

  {

    stroke(255, 255, 0);

  }

  else if (mouseX<50&&mouseY<250&&mousePressed)

  {

    stroke(0, 0, 0);

  }

  else if (mousePressed)

  {

    line(mouseX, mouseY, pmouseX, pmouseY);

  }

}

2.2

week03,hw03

1.

void setup(){
  size(600,600);
}

void draw(){
  fill(255,0,0);
  ellipse(mouseX,mouseY,100,100);
}
2.

void setup(){
  size(600,600);
  frameRate(24);
}
float x=50,y=150;
void draw(){
  background(0,0,0);

  fill(random(255),random(255),random(255));
  ellipse(mouseX,mouseY,120,50);

  fill(255,0,255);
  ellipse(x,y,50,120);
 
  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
}
3.

今天上課進度上都還不錯，還蠻容易瞭解的

week02,hw02

1.



size(600,600);
for(int i=0;i<50;i++){
  fill(random(255),random(255),random(255));
  rect(random(500),random(500),random(300),random(300));
}

2.

size(400,300);
for(int i=5;i<150;i++){
  for(int k=4;k<200;k++){
    fill(random(i*255/10),random(k*255/10),random(128));
    rect(random(i*15),random(k*15),random(10),random(10));
  }
}
3.

size(400,300);
noStroke();
for(int i=0;i<8;i++){
  for(int k=0;k<7;k++){
    fill(100,i*255/2,k*255/5);
    ellipse(i*100+50,k*100+50,100,90);
    fill(0,255,0);
    ellipse(i*100+50,k*100+50,40,90);
  }}

4.

老師今天教的比較多，有些地方還不太懂，不過上課經過同學提醒已經了解，做眼睛感覺蠻有趣的。

week04,hw04

void setup()
{
size(500,400);
background(255);
fill(255,0,0);rect(0,0,50,50);
fill(255,128,50);rect(0,50,50,50);
fill(255,255,0);rect(0,100,50,50);
fill(0,255,0);rect(0,150,50,50);
fill(0,0,255);rect(0,200,50,50);
fill(0,0,0);rect(0,250,50,50);
//------------------------------//fill(255);
rect(450,0,50,50);
ellipse(475, 25, 3,3);
rect(450,50,50,50);
ellipse(475, 75, 6, 6);
rect(450,100,50,50);
ellipse(475, 125, 10,10);

strokeWeight(1);
}
void draw()
{
if(mouseX&rt;450 && mouseX<500 && mouseY&rt;0 && mouseY<50 && mousePressed)
{
strokeWeight(3);
}
else if(mouseX&rt;450 && mouseX<500 && mouseY&rt;50 && mouseY<100 && mousePressed)
{
strokeWeight(6);
}
else if(mouseX&rt;450 && mouseX<500 && mouseY&rt;100 && mouseY<150 && mousePressed)
{
strokeWeight(10);
}
//==========================//else if(mouseX < 50 && mouseY<50 && mousePressed)
{
stroke(255,0,0);
}
else if(mouseX < 50 && mouseY<100 && mousePressed)
{
stroke(255,128,50);
}
else if(mouseX < 50 && mouseY<150 && mousePressed)
{
stroke(255,255,0);
}
else if(mouseX < 50 && mouseY<200 && mousePressed)
{
stroke(0,255,0);
}
else if(mouseX < 50 && mouseY<250 && mousePressed)
{
stroke(0,0,255);
}
else if(mouseX < 50 && mouseY<300 && mousePressed)
{
stroke(0,0,0);
}
else if(mousePressed)
{
line(mouseX,mouseY,pmouseX,pmouseY);
}
}

week01,hw01

1.

2.

size (500,500);
PImage joker;
joker = loadImage ("http://pic.pimg.tw/judelaw/1216415167.jpg");
image (joker, 20, 20);
3.

原圖

小畫家

processing

4.
從影片中學習如何使用processing，並像同學學習討論如何畫圖，不過廣播畫面有點不清楚，而且有時候老師講的有點快，所以有些地方還不太懂。

week04,wh4

void setup(){
size(500,400);
}
void draw(){
if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);
}

 

 

 

void setup(){
size(500,400);
fill(255,0,0);
rect(0,0,50,50);
fill(0,255,0);
rect(0,50,50,50);
fill(255,255,0);
rect(0,100,50,50);
fill(255,255,255);
rect(0,150,50,50);
fill(0,0,0);
rect(0,200,50,50);
fill(255,255,255);
rect(0,250,50,50);
fill(255,255,255);
rect(0,300,50,50);
fill(255,255,255);
rect(450,0,50,50);
fill(255,255,255);
rect(450,50,50,50);
}
int w=5;
void draw(){
if(mousePressed && mouseX<50 && mouseY<50) stroke(255,0,0);
else if(mousePressed && mouseX<50 && mouseY<100) stroke(0,255,0);
else if(mousePressed && mouseX<50 && mouseY<150) stroke(255,255,0);
else if(mousePressed && mouseX<50 && mouseY<200) stroke(255,255,255);
else if(mousePressed && mouseX<50 && mouseY<250) stroke(0,0,0);
else if(mousePressed && mouseX<50 && mouseY<300) save("bbb.png");
else if(mousePressed && mouseX<50 && mouseY<350){
PImage file=loadImage("bbb.png");
image(file,0,0,500,400);
}
else if(mousePressed && mouseX>450 && mouseY<50){
strokeWeight(++w);
}
else if(mousePressed && mouseX>450 && mouseY<1000){
strokeWeight(--w);
if(w<2)w=2;
}
else if(mousePressed) line(mouseX, mouseY, pmouseX, pmouseY);
}

 

 

 

 

week04, HW04

void setup(){
  
background(0,225,255);
size(500,400);
fill(255,0,0);//紅rect(0,0, 50,50);
fill(0,255,0);//綠rect(0,50, 50,50);
fill(0,0,255);//藍rect(0,100, 50,50);
fill(0,0,0);//黑rect(0,150, 50,50);
fill(255,255,255);//白rect(0,200, 50,50);

rect(450,0,50,50);//細ellipse(450+25,0+25,5,5);
rect(450,50,50,50);//粗ellipse(450+25,50+25,10,10);
rect(450,100,50,50);
fill(0,0,0);
text("erase",455,140);//擦fill(255,255,255);
rect(450,150,50,50);
fill(0,0,0);
text("save",460,180);//存stroke(0,0,0);
strokeWeight(10);
}




void draw()
{
if(mouseX < 50 && mouseY&rt;250 && mouseY<300 && mousePressed )
{
strokeWeight(5);//細
} 
else if(mouseX < 50 && mouseY&rt;300 && mouseY<350 && mousePressed )
{
strokeWeight(10);//粗
} 
if(mouseX < 50 && mouseY<50 && mousePressed )
{
stroke(255,0,0);//紅
}
else if(mouseX<50 && mouseY<100 && mousePressed)
{
stroke(0,255,0);//綠
}
else if(mouseX<50 && mouseY<150 && mousePressed)
{
stroke(0,0,255);//藍
}
else if(mouseX<50 && mouseY<200&& mousePressed)
{
stroke(0,0,0);//黑
}
else if(mouseX<50 && mouseY<250&& mousePressed)
{ 
stroke(255,255,255);//白
}
else if(mousePressed)
{
line(mouseX,mouseY,pmouseX, pmouseY);
}
if(mouseButton ==LEFT&&mousePressed ==true &&mouseX &rt;=450 &&mouseY <=50)
strokeWeight(5);
if(mouseButton ==LEFT&&mousePressed ==true &&mouseX &rt;=450 &&mouseY <=100 &&mouseY &rt;=50)
strokeWeight(10);
if(mouseButton ==LEFT&&mousePressed ==true &&mouseX &rt;=450 &&mouseY <=150 &&mouseY &rt;=100)
stroke(0,225,255);
if(mouseButton ==LEFT&&mousePressed ==true &&mouseX &rt;=450 &&mouseY <=200 &&mouseY&rt;=150)
save("123.jpg");

}

Week04 HW04

4-1 畫線

/*void setup(){
  size(500,400);
}
void draw(){
  line(mouseX, mouseY, pmouseX, pmouseY);  //直接畫線
}*/

void setup(){
  size(500,400);
  background(255);
}
void draw(){
  stroke(0,255,0);
  if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);  //滑鼠點下畫線
}

4-2 小畫家1

void setup(){
  size(500,400);
  background(255,255,255);
  noStroke();
  fill(255,0,0);
  rect(0,0,50,50);
  fill(0,255,0);
  rect(0,50,50,50);
  fill(0,0,255);
  rect(0,100,50,50);
  fill(0,0,0);
  rect(0,150,50,50);
  stroke(0,0,0);
  fill(255,255,255);
  ellipse(30,250,50,50);
  fill(255,255,255);
  ellipse(30,300,50,50);
}
void draw(){
  if(mousePressed && mouseX<50 && mouseY<50) stroke(255,0,0);    //stroke 線顏色
  else if(mousePressed && mouseX<50 && mouseY<100) stroke(0,255,0);  //滑鼠按下、X和Y位置
  else if(mousePressed && mouseX<50 && mouseY<150) stroke(0,0,255);
  else if(mousePressed && mouseX<50 && mouseY<200) stroke(0,0,0);
  else if(mousePressed && mouseX<50 && mouseY<300) save("image1.jpg");  //存檔，processing要先存檔
  else if(mousePressed && mouseX<50 && mouseY<330)  {
    PImage img;   //讀檔
    img = loadImage("image1.jpg");
    image(img,0,0,500,400);
  }
  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);  //滑鼠按下畫線
}


4-3 小畫家2

void setup(){
  size(500,400);
  background(255,255,255);
  noStroke();
  fill(255,0,0);
  rect(0,0,50,50);
  fill(0,255,0);
  rect(0,50,50,50);
  fill(0,0,255);
  rect(0,100,50,50);
  fill(0,0,0);
  rect(0,150,50,50);
  stroke(0,0,0);
  fill(255,255,255);
  ellipse(30,250,50,50);
  fill(255,255,255);
  ellipse(30,300,50,50);
  fill(255,255,255);
  rect(450,0,50,50);
  fill(255,255,255);
  ellipse(475,25,15,15);
  fill(255,255,255);
  rect(450,50,50,50);
  fill(255,255,255);
  ellipse(475,75,5,5);
}
  int w=5;  //線粗細預設在5
void draw(){
  if(mousePressed && mouseX<50 && mouseY<50) stroke(255,0,0);    //stroke 線顏色
  else if(mousePressed && mouseX<50 && mouseY<100) stroke(0,255,0);  //滑鼠按下、X和Y位置
  else if(mousePressed && mouseX<50 && mouseY<150) stroke(0,0,255);
  else if(mousePressed && mouseX<50 && mouseY<200) stroke(0,0,0);
  else if(mousePressed && mouseX<50 && mouseY<300) save("image1.jpg");  //存檔，processing要先存檔
  else if(mousePressed && mouseX<50 && mouseY<330){
    PImage file = loadImage("image1.jpg");  //讀檔
    image(file, 0,0,500,400);
  }else if(mousePressed && mouseX>450 && mouseY<50)  strokeWeight(++w);  //線條變粗
  else if(mousePressed && mouseX>450 && mouseY<100){ 
    strokeWeight(--w);  //線條變細
    if(w<2) w=2;  //變細最小到2
  }
  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);  //滑鼠按下畫線
}

4-4 心得
自己也可以設計小畫家的簡易功能很有趣。

Week04 , HW04

作業4：
用processing製作一個小畫家，並畫圖

程式碼：

void setup(){
  size(500,400);
  background(255,255,255);
  //顏色盤
  fill(0,0,0); rect(0,350,25,25);
  fill(255,0,0); rect(25,350,25,25);
  fill(255,128,0); rect(50,350,25,25);
  fill(255,255,0); rect(75,350,25,25);
  fill(0,128,0); rect(100,350,25,25);
  fill(0,0,255); rect(125,350,25,25);
  fill(0,0,128); rect(150,350,25,25);
  fill(64,0,128); rect(175,350,25,25);
  fill(255,255,255); rect(0,375,25,25);
  fill(255,128,128); rect(25,375,25,25);
  fill(255,170,90); rect(50,375,25,25);
  fill(255,255,157); rect(75,375,25,25);
  fill(0,255,0); rect(100,375,25,25);
  fill(0,255,255); rect(125,375,25,25);
  fill(0,128,255); rect(150,375,25,25);
  fill(128,0,255); rect(175,375,25,25);
  //橡皮擦
  fill(255,255,255); rect(200,350,75,25);   fill(0,0,0);  text("橡皮擦",220,366);
  //清除畫面
  fill(255,255,255); rect(200,375,75,25);  fill(0,0,0);  text("清除畫面",213,392);
  //調粗細
  fill(160,210,255); rect(275,350,50,25);  ellipse(300,362.5,1,1);
  fill(160,210,255); rect(325,350,50,25);  ellipse(350,362.5,5,5);
  fill(160,210,255); rect(375,350,50,25);  ellipse(400,362.5,10,10);
  fill(90,180,255); rect(275,375,75,25);  fill(0,0,0);  text("越來越細",288,392);
  fill(90,180,255); rect(350,375,75,25);  fill(0,0,0);  text("越來越粗",363,392);
  //存檔
  fill(255,140,255); rect(425,350,75,50);  fill(0,0,0);  text("存檔",452,380);
}

int w=5;

void draw(){
  //第一行顏色
  if(mousePressed && mouseX<25 && mouseY&rt;350 && mouseY<375) stroke(0,0,0);
  else if(mousePressed && mouseX<50 && mouseY&rt;350 && mouseY<375) stroke(255,0,0);
  else if(mousePressed && mouseX<75 && mouseY&rt;350 && mouseY<375) stroke(255,128,0);
  else if(mousePressed && mouseX<100 && mouseY&rt;350 && mouseY<375) stroke(255,255,0);
  else if(mousePressed && mouseX<125 && mouseY&rt;350 && mouseY<375) stroke(0,128,0);
  else if(mousePressed && mouseX<150 && mouseY&rt;350 && mouseY<375) stroke(0,0,255);
  else if(mousePressed && mouseX<175 && mouseY&rt;350 && mouseY<375) stroke(0,0,128);
  else if(mousePressed && mouseX<200 && mouseY&rt;350 && mouseY<375) stroke(64,0,128);
  //第二行顏色
  else if(mousePressed && mouseX<25 && mouseY&rt;375 && mouseY<400) stroke(255,255,255);
  else if(mousePressed && mouseX<50 && mouseY&rt;375 && mouseY<400) stroke(255,128,128);
  else if(mousePressed && mouseX<75 && mouseY&rt;375 && mouseY<400) stroke(255,170,90);
  else if(mousePressed && mouseX<100 && mouseY&rt;375 && mouseY<400) stroke(255,255,157);
  else if(mousePressed && mouseX<125 && mouseY&rt;375 && mouseY<400) stroke(0,255,0);
  else if(mousePressed && mouseX<150 && mouseY&rt;375 && mouseY<400) stroke(0,255,255);
  else if(mousePressed && mouseX<175 && mouseY&rt;375 && mouseY<400) stroke(0,128,255);
  else if(mousePressed && mouseX<200 && mouseY&rt;375 && mouseY<400) stroke(128,0,255);
  //橡皮擦
  else if(mousePressed && mouseX<275 && mouseY&rt;350 && mouseY<375){
  stroke(255,255,255);
  strokeWeight(5);
  }
  //清除畫面
  else if(mousePressed && mouseX<275 && mouseY&rt;375){
  fill(255,255,255);
  noStroke();
  rect(0,0,500,350);
  }  
  //調粗細
  else if(mousePressed && mouseX<325 && mouseY&rt;350 && mouseY<375){
    w=1;   strokeWeight(w);
  }
  else if(mousePressed && mouseX<375 && mouseY&rt;350 && mouseY<375){
    w=5;   strokeWeight(w);
  }
  else if(mousePressed && mouseX<425 && mouseY&rt;350 && mouseY<375){
    w=10;   strokeWeight(w);
  }
  else if(mousePressed && mouseX&rt;355 && mouseX<425 && mouseY&rt;375){
    strokeWeight(++w);
  }
  else if(mousePressed && mouseX&rt;275 && mouseX<350 && mouseY&rt;375){
    strokeWeight(--w);
    if(w<2) w=2;
  }
  //存檔
  else if(mousePressed && mouseX&rt;425 &&mouseY&rt;350){
    save("C:/Users/wfim_801205/Desktop/apicture.jpg");
  }
   else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);
}

存檔解釋圖，還有清除鍵：

自己畫的圖：

Week04,HW04

作業4-1  製作自己的小畫家：
程式碼↓

void setup(){
  size(600,500);
  background(239,228,176);
  fill(237,28,36);//紅色
  rect(0,0,50,50);
  fill(255,127,39);//橙色
  rect(0,50,50,50);
  fill(255,242,0);//黃色
  rect(0,100,50,50);
  fill(34,177,76);//綠色
  rect(0,150,50,50);
  fill(0,162,232);//藍色
  rect(0,200,50,50);
  fill(163,73,164);//紫色
  rect(0,250,50,50);
  fill(255,255,255);//白色
  rect(0,300,50,50);
  fill(0,0,0);//黑色
  rect(0,350,50,50);
  fill(255,174,201);//淡粉色---存檔
  rect(0,400,50,50);
  fill(200,191,231);//淡紫色---讀檔
  rect(0,450,50,50);
  fill(255,255,255);//白色
  rect(550,0,50,50);//右１框框---變粗
  fill(0,0,0);
  ellipse(575,25,30,30);
  fill(255,255,255);//白色
  rect(550,50,50,50);//右２框框---變粗
  fill(0,0,0);
  ellipse(575,75,10,10);
}
int www=5;
void draw(){
  if(mousePressed && mouseX<50 && mouseY<50) stroke(237,28,36);//滑鼠觸碰後---紅色
  else if(mousePressed && mouseX<50 && mouseY<100) stroke(255,127,39);//滑鼠觸碰後---橙色
  else if(mousePressed && mouseX<50 && mouseY<150) stroke(255,242,0);//滑鼠觸碰後---黃色
  else if(mousePressed && mouseX<50 && mouseY<200) stroke(34,177,76);//滑鼠觸碰後---綠色
  else if(mousePressed && mouseX<50 && mouseY<250) stroke(0,162,232);//滑鼠觸碰後---藍色
  else if(mousePressed && mouseX<50 && mouseY<300) stroke(163,73,164);//滑鼠觸碰後---紫色
  else if(mousePressed && mouseX<50 && mouseY<350) stroke(255,255,255);//滑鼠觸碰後---白色
  else if(mousePressed && mouseX<50 && mouseY<400) stroke(0,0,0);//滑鼠觸碰後---黑色
  else if(mousePressed && mouseX<50 && mouseY<450) save("99160494.png");//滑鼠觸碰後---存檔
  else if(mousePressed && mouseX<50 && mouseY<500) {
    PImage file = loadImage("99160494.png");
    image(file, 0,0,600,500);
  }//滑鼠觸碰後---讀之前存的檔---復原
  else if(mousePressed && mouseX>450 && mouseY<50){
    strokeWeight(++www);
  }
  else if(mousePressed && mouseX>450 && mouseY<100){
    strokeWeight(--www);
    if(www<2)www=2;
  }
  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);//滑鼠觸碰後，不會亂跑
}

 

 

作業4-2 心得：

 

這禮拜學習製作自己的小畫家。

我自己的小畫家左邊色彩有：紅色、橙色、黃色、綠色、藍色、紫色、白色、黑色。

粉紅色是存檔、紫色是復原。

右邊第一個格的功能是加粗，第二個功能是變細。但是要注意，當點擊變粗的格子時，不要點擊太久，不然會變太粗。

自己做的小畫家很好玩，可以依自己的想法製作不同的需求。

而我自己也畫了兩張很像小朋友畫的圖。

我也有把這個小畫家給朋友畫畫看，他們說還不錯玩，很有趣。

week04,HW04

自製小畫家
1.設定視窗尺寸、畫線
   void setup(){
                       if(mousePressed)   line(mouseX,mouseY,pmouseX,pmouseY);
                      }

2.追加顏色調整
fill(255,0,0); rect(0,0,50,50); //製作顏色方塊  
if(mousePressed&&mouseX<50&&mouseY<50) stroke(255,0,0);
//當滑鼠在顏色方塊上點擊時顏色變為(255,0,0)



3.存檔/讀檔
存檔:save("檔名",副檔名);
讀檔:PImage file =loadImage("檔名");
         image(file,長,寬);

4.調整粗細
strokeWeight(寬度);

    心得:以功能較精簡的情況下，程式碼其實都算不上麻煩，很容易就能學會了，倒是繪畫技術有待加強。

Week 04, HW04, 葉正聖老師示範

座位表:

https://docs.google.com/a/mail.mcu.edu.tw/spreadsheet/ccc?key=0AiYbu0zjxrp1dElYQkdOU3F5NWVFOUZFc0ZCRVRFR3c

proxy.tj.mcu.edu.tw   3128
void setup(){
  size(500,400);
}
void draw(){
  line(mouseX, mouseY, pmouseX, pmouseY);
}
================
void setup(){
  size(500,400);
}
void draw(){
  if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);
}

==================
void setup(){
  size(500,400);
  rect(0,0,50,50);
  rect(0,50,50,50);
}
void draw(){
  if(mousePressed && mouseX<50 && mouseY<50) stroke(255,0,0);
  else if(mousePressed && mouseX<50 && mouseY<100) stroke(0,255,0);
  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);
}

======================
void setup(){
  size(500,400);
  rect(0,0,50,50);
  rect(0,50,50,50);
  rect(0,100,50,50);
  rect(0,150,50,50);
  rect(450,0,50,50);
  rect(450,50,50,50);
}
int www=5;
void draw(){
  if(mousePressed && mouseX<50 && mouseY<50) stroke(255,0,0);
  else if(mousePressed && mouseX<50 && mouseY<100) stroke(0,255,0);
  else if(mousePressed && mouseX<50 && mouseY<150) save("aaaa.png");
  else if(mousePressed && mouseX<50 && mouseY<200){
    PImage file = loadImage("aaaa.png");
    image(file, 0,0,500,400);
 
  }else if(mousePressed && mouseX>450 && mouseY<50){
    strokeWeight(++www);
  }
  else if(mousePressed && mouseX>450 && mouseY<1000){
    strokeWeight(--www);
    if(www<2)www=2;
  }
  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);
}
=====
http://code.google.com/p/simple-openni/
http://learning.codasign.com/index.php?title=Build_Your_Own_Superhero

W3

作業一:

做了一個會一直過來撞屁股的林書豪阿 哈哈哈哈哈哈



void setup(){
  size(1000,800);

}
float x=100,y=100;
void draw(){
  fill(255,255,255);
  rect(0,0,1000,800);
  PImage HA;
  HA=loadImage("ass2.gif");
  image(HA,mouseX-150,mouseY-150);
  PImage YA;
  YA=loadImage("ass1.gif");
  image(YA,x-282,y-172);
  x=x*0.9+mouseX*0.1;
  y=y*0.9+mouseY*0.1;
}





作業二

跑得很快的殘影林書豪 顆顆!!


float sx = random(30);
float [] x = new float[20];
float [] y = new float[20];
void setup(){
  size(600,600);
}

void ii(){
  PImage ii;
  ii = loadImage("111.gif");
ii.resize(0, 200);
  image(ii, mouseX-70,mouseY-100);}
void jj(){
  noStroke();
  x[9]=mouseX;
  y[9]=mouseY;
  for(int i=0;i<10;i++){
   
    PImage ii;
  ii = loadImage("111.gif");
  ii.filter(GRAY);
ii.resize(0, 200);
  image(ii, x[i]-70,y[i]-100);
    x[i]=x[i+1];
    y[i]=y[i+1];
  }
}
void draw(){
 
  background(255);

  jj();
  ii();
}

Week03 HW03

1.跟這滑鼠一啟動的熊

void setup(){
  size(600,600);
}

void draw(){
  translate(mouseX,mouseY-100);

  fill(189,95,0);
  ellipse(142,143,277,167);
  fill(189,95,0);
  ellipse(45,76,100,100);
  fill(189,95,0);
  ellipse(217,64,100,100);
  fill(79,39,0);
  ellipse(94,162,26,26);
  fill(79,39,0);
  ellipse(196,153,26,26);
  fill(255,255,255);
  ellipse(149,179,70,60);
  fill(79,39,0);
  ellipse(149,168,10,10);
 
}
2.

void setup(){
  size(600,600);
}
float [] x = new float[10];
float [] y = new float[10];
void draw(){
  background(0,0,0);
  translate(mouseX,mouseY-100);

  fill(189,95,0);
  ellipse(142,143,277,167);
  fill(189,95,0);
  ellipse(45,76,100,100);
  fill(189,95,0);
  ellipse(217,64,100,100);
  fill(79,39,0);
  ellipse(94,162,26,26);
  fill(79,39,0);
  ellipse(196,153,26,26);
  fill(255,255,255);
  ellipse(149,179,70,60);
  fill(79,39,0);
  ellipse(149,168,10,10);
 
 
  fill(255,243,140);

  x[9]=mouseX;
  y[9]=mouseY;
  for(int i=0;i<9;i++){
    ellipse(x[i],y[i],20,20);
    x[i]=x[i+1];
    y[i]=y[i+1];
  }
}

3.學了很多，但亮亮的尾巴自己弄時有點不清楚