2012年10月2日 星期二

Week04, Hw04

1.小畫家

 

void setup(){
  size(500,400);
  background(223,255,255);
  fill(174,87,0);
  rect(0,0,50,50);
  fill(248,189,67);
  rect(0,50,50,50);
  fill(0);
  rect(0,100,50,50);
  fill(255,255,255);
  rect(0,250,50,50);
  fill(255);  
  rect(0,150,50,50);  //save
  rect(0,200,50,50);  //erase
  
  fill(255,255,255);
  rect(450,0,50,50);
  ellipse(475, 25, 2,2);
  fill(255);
  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(mousePressed && mouseX<50 && mouseY<50) 
  stroke(174,87,0);
  else if(mousePressed && mouseX<50 && mouseY<100)  
  stroke(248,189,67);
  else if(mousePressed && mouseX<50 && mouseY<150) 
  stroke(0);
  else if(mousePressed && mouseX<50 && mouseY<200) 
  stroke(255);
  else if(mousePressed && mouseX<50 && mouseY<250)  
  save("aaa.png");  //save
  else if(mousePressed && mouseX<50 && mouseY<300)
  
  {                  
    PImage file = loadImage("aaa.png");
    image(file,0,0,500,400);
  }                 //erase
   
  else 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);
  }


  if (mousePressed)
  line(mouseX,mouseY,pmouseX,pmouseY);
}


2.心得
今天教得很有趣,竟然用簡單的程式就可以做出小畫家 還可以自己選顏色畫自己喜歡的圖, 還可以存檔、復原,很好玩:D

week04,HW04

1
(1)processing
void setup(){
  size(500,400);
  background(255,255,255);
  fill(255,125,128);
  rect(0,0,50,25);
  fill(255,125,0);
  rect(75,0,50,25);
  fill(255,255,128);
  rect(150,0,50,25);
  fill(100,150,10);
  rect(225,0,50,25);
  fill(125,200,255);
  rect(300,0,50,25);
  fill(0,0,0);
  rect(375,0,50,25);
  fill(255,255,255);
  rect(450,0,50,25);
  line(450,0,500,25);
  line(450,25,500,0);
  rect(0,50,50,50);
  rect(0,100,25,25);
}
int www=5;
 void draw(){
  if(mousePressed && mouseX<50 && mouseY<25) stroke(255,125,128);
 else if(mousePressed && mouseX<125 && mouseY<25) stroke(255,125,0);
 else if(mousePressed && mouseX<200 && mouseY<25) stroke(255,255,128);
 else if(mousePressed && mouseX<275 && mouseY<25) stroke(100,150,10);
 else if(mousePressed && mouseX<350 && mouseY<25) stroke(125,200,255);
 else if(mousePressed && mouseX<425 && mouseY<25) stroke(0,0,0);
 else if(mousePressed && mouseX<500 && mouseY<25) stroke(255,255,255);
 else if(mousePressed && mouseX<50 && mouseY>50){strokeWeight(++www);}
 else if(mousePressed && mouseX<25 && mouseY>100){strokeWeight(--www);
       if(www<2)www=2;}

  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);
}
(2)pic

2.心得
一次比一次更期待上老師的課了^^

98160682李育瑄


第四週

98163021 張耀璇 HW04 week04

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);  rect(0,100,50,50);
fill(255,255,255);  rect(0,150,50,50);
fill(125,50,50);  ellipse(470,25,50,50); ellipse(470,80,30,30);
  fill(0,0,200);  rect(0,200,50,50);
  fill(0,255,255);  rect(0,250,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<250) stroke(0,0,200);
  else if(mousePressed && mouseX<50 && mouseY<300) stroke(0,255,255);
  
  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&rt;450 && mouseY<50){
    strokeWeight(++www);
  }
  else if(mousePressed && mouseX&rt;450 && mouseY<1000){
    strokeWeight(--www);
    if(www<2)www=2;
  }
  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);
} 

week02,HW02

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


2
size(500,400);
for(int i=0;i<60;i++){
  for(int k=0;k<40;k++){
    fill(i*255/20,k*300/20,100);
    rect(i*30,k*40,  10,20);
  }
}

3
size(600,500);
for(int i=0;i<6;i++){
  for(int k=0;k<5;k++){
    fill(250,230,230);
    ellipse(i*100+50,k*100+50,  100,100);
    fill(i*255/20,k*255/5,255/5);
    ellipse(i*100+50,k*100+50,  50,50);
    fill(0,0,0);
    ellipse(i*100+50,k*100+50,  15,40);
  }
}
這周的感覺滿簡單的
 

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,255);

  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<200) save("aaaa.png");

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

    PImage file = loadImage("aaaa.png");

    image(file, 0,0,500,400);

  

  }else if(mousePressed && mouseX&rt;450 && mouseY<50){

    strokeWeight(++www);

  }

  else if(mousePressed && mouseX&rt;450 && mouseY<1000){

    strokeWeight(--www);

    if(www<2)www=2;

  }

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

} 


Week4,Hw4

int m = millis(),n=1;
void setup()
{
size(500,400);
background(255,255,255);
fill(255,0,0);//紅色方格
noStroke();
rect(0,0,50,50);
fill(0,0,0);//黑色方格
rect(0,50,50,50);
fill(0,0,255);//藍色方格
rect(0,100,50,50);
fill(255,255,0);//黃色方格
rect(0,150,50,50);
fill(0,255,0);//綠色方格
rect(0,200,50,50);
stroke(0,0,0);
fill(255,255,255);//筆觸
rect(450,0,50,50);
fill(255,255,255);
ellipse(475, 25, n,n);//筆觸
fill(255);
rect(450,50,50,50);
ellipse(475, 75, n, n);//筆觸
//rect(450,100,50,50);
//ellipse(475, 125, 10,10);//筆觸
//rect(0,250,50,50);
//stroke(255,0,0);
fill(255,255,255);//筆觸
rect(450,100,50,50);
fill(255,255,255);
rect(450,150,50,50);
fill(255,255,255);//筆觸
rect(450,200,50,50);
strokeWeight(1);
}
void draw()
{
  if(mousePressed && mouseX>450 && mouseX<500&&mouseY>150&&mouseY<200) save("aaaa.jpg");
  else if(mousePressed && mouseX>500 && mouseX<550&&mouseY>200&&mouseY<250){
    PImage file = loadImage("aaaa.png");
    image(file, 0,0,500,400);
  }
if(n<=2)n=2;
if(n>=20)n=20;
if(mouseX>450 && mouseX<500 && mouseY>0 && mouseY<50 && mousePressed)
{
n++;
strokeWeight(1);
fill(255,255,255);//筆觸
rect(450,100,50,50);
fill(0,0,0);
ellipse(475, 125, n,n);//筆觸
strokeWeight(n);
}
else if(mouseX>450 && mouseX<500 && mouseY>50 && mouseY<100 && mousePressed)
{
n--;
strokeWeight(1);
fill(255,255,255);//筆觸
rect(450,100,50,50);
fill(255,255,255);
ellipse(475, 125, n,n);//筆觸
strokeWeight(n);
}
else if(mouseX>450 && mouseX<500 && mouseY>100 && mouseY<150 && mousePressed)
{
n=10;
}
else if(mouseX < 50 && mouseY<50 && mousePressed)
{
stroke(255,0,0);//紅色
}
else if(mouseX < 50 && mouseY<100 && mousePressed)
{
stroke(0,0,0);//黑色
}
else if(mouseX < 50 && mouseY<150 && mousePressed)
{
stroke(0,0,255);//藍色
}
else if(mouseX < 50 && mouseY<200 && mousePressed)
{
stroke(255,255,0);//黃色
}
else if(mouseX < 50 && mouseY<250 && mousePressed)
{
stroke(0,255,0);//綠色
}
else if(mouseX < 50 && mouseY<300 && mousePressed)
{
stroke(255,255,255);//白色
}
else if(mousePressed)
{
m=second();
strokeWeight(n);
line(mouseX,mouseY,pmouseX,pmouseY);
}

}









Week04,HW04





void setup(){
  size(500,400);
  rect(0,0,50,50);
  fill(255,0,0);
  rect(0,50,50,50);
  fill(0,255,0);
  rect(0,100,50,50);
  fill(0,0,255);
  rect(0,150,50,50);
  fill(255,255,0);
  rect(450,0,50,50);
  fill(255,0,255);
  rect(450,50,50,50);
  fill(0,255,255);
}
int www=5;
void draw(){
  if(mousePressed && mouseX<50 && mouseY<50) stroke(255,255,255);
  else if(mousePressed && mouseX<50 && mouseY<100) 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);
}

void setup()
{
size(500,400);
background(255,255,255);
fill(255,0,0);
rect(0,0,50,50);
fill(255,100,0);
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(255,0,255);
rect(0,250,50,50);
fill(255,255,255);
rect(450,0,50,50);
fill(255,255,255);
ellipse(475, 25, 2,2);
fill(255);
rect(450,50,50,50);
ellipse(475, 75, 6, 6);
stroke(255,0,0);
strokeWeight(1);
}

int ray=5;
void draw()
{
  if(mouseX < 50 && mouseY<50 && mousePressed)
  {
  stroke(255,0,0);
  }
  else if(mouseX < 50 && mouseY<100 && mousePressed)
  {
  stroke(255,100,0);
  }
  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(255,0,255);
  }
   else if(mousePressed && mouseX>450 && mouseY<50)
  {
    strokeWeight(++ray);
  }
  else if(mousePressed && mouseX>450 && mouseY<1000)
  {
    strokeWeight(--ray);
    if(ray<2)ray=2;
  }
  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);
}

好玩自製的小畫家,不需要太艱難的程式碼就可以有成就感。

Week4,Hw4

1.1





 



color dw=color(0,0,0);
PImage a;
int type=0,ex=0,ey=0,wt=1;
boolean draw_ellipse=false;

void setup()
{
  background(255);
  size(500,400);
}
void Colorarea()
{
   //Color  stroke(0);
  strokeWeight(1);
  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(255,255,0);
  rect(0,150,50,50);
  fill(255,0,255);
  rect(0,200,50,50);
  fill(0,255,255);
  rect(0,250,50,50);
  fill(0,0,0);
  rect(0,300,50,50);
  fill(255);
  rect(0,375,50,25);
  fill(0);
  text("Clean", 7,392);
  fill(255);
  rect(50,375,50,25);
  fill(0);
  text("Save", 60,392);
  stroke(dw);
  strokeWeight(wt);
}
void Strokearea()
{
  //Stroke  noFill();
  stroke(0);
  strokeWeight(1);
  rect(450,0,50,50);
  ellipse(475,25,5,5);
  rect(450,50,50,50);
  ellipse(475,75,10,10);
  rect(450,100,50,50);
  ellipse(475,125,15,15);
  rect(450,350,50,50);
  line(460,360,490,390);
  rect(400,350,50,50);
  ellipse(425,375,30,20); 
  rect(350,350,50,50);
  fill(0);
  ellipse(375,375,30,20);
  stroke(dw);
  strokeWeight(wt);
}
void checked()
{
  int k=mouseY/50;
  if(mouseX<50&&mouseY<350){
    if(k==0) dw=color(255,0,0);
    else if(k==1) dw=color(0,255,0,150);
    else if(k==2) dw=color(0,0,255,150);
    else if(k==3) dw=color(255,255,0,150);   
    else if(k==4) dw=color(255,0,255,150);   
    else if(k==5) dw=color(0,255,255,150);
    else if(k==6) dw=color(0);   
  }
  else if(mouseX&rt;450&&mouseY<150){
    if(k==0) wt=1;
    else if(k==1) wt=3;
    else if(k==2) wt=5;
  }
  else if(mouseX<50&&mouseY&rt;375) background(255);
  else if(mouseX<100&&mouseY&rt;375) save("C:/save1.jpg");
  else if(mouseX&rt;350&&mouseY&rt;350){
    if(mouseX&rt;450) type=0;
    else if(mouseX&rt;400) type=1;
    else if(mouseX&rt;350) type=2;   
  }
  else{
    stroke(dw);
    strokeWeight(wt);
    if(type==0){
      line(pmouseX,pmouseY,mouseX,mouseY);
      draw_ellipse=false;
    }
    else if(type==1){
      noFill();
      draw_ellipse=true;
    }
     else if(type==2){
       fill(dw);
       draw_ellipse=true;
    }
  }
}
void mouseReleased()
{
  if(draw_ellipse){
      noFill();
      ellipse(ex,ey,mouseX-ex,mouseY-ey);  
  }  
}
void mousePressed()
{
  save("C:/temp.jpg");
  ex=mouseX;
  ey=mouseY;
  a=loadImage("C:/temp.jpg");
}
void draw()
{
  Colorarea();
  Strokearea();
  if(mousePressed&&draw_ellipse){
     image(a,0,0);
     if(type==1) noFill();
     else fill(dw);
     ellipse(ex,ey,abs(mouseX-ex),abs(mouseY-ey));
  }
  if(mousePressed) checked();
}

Week04,HW04

PImage img;
void setup()
{

  img = loadImage("aaaa.jpg");
  size(500,400);
  fill(255,0,0);rect(0,0,30,30);
  fill(0,0,255);rect(0,30,30,30);
  fill(0,255,0);rect(0,60,30,30);
  fill(0,0,0);rect(0,90,30,30);
  fill(255,255,255);rect(0,120,30,30);
  fill(255,255,255);
  rect(470,0,30,30);
  fill(0,0,0);
  rect(470,30,30,30);
  fill(255,255,255);
  rect(470,60,30,30);
  fill(0,0,0);
  ellipse(485,75,25,25);
  fill(255,255,255);
  rect(470,90,30,30);
  fill(0,0,0);
  ellipse(485,105,10,10);

}
void draw()
{
 if(mousePressed && mouseX<30 && mouseY<30) stroke(255,0,0);
 if(mousePressed && mouseX<30 && mouseY<60 &&mouseY>30) stroke(0,0,255);
 if(mousePressed && mouseX<30 && mouseY<90 &&mouseY>60) stroke(0,255,0);
 if(mousePressed && mouseX<30 && mouseY<120 &&mouseY>90) stroke(0,0,0);
 if(mousePressed && mouseX<30 && mouseY<150 &&mouseY>120) stroke(255,255,255);
 if(mousePressed && mouseX>470 && mouseY<30) save("aaaa.jpg");
 if(mousePressed && mouseX>470 && mouseY>30 && mouseY<60) image(img,0,0);
 if(mousePressed && mouseX>470 && mouseY>60 && mouseY<90)strokeWeight(5);
 if(mousePressed && mouseX>470 && mouseY>90 && mouseY<120)strokeWeight(1);
 if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);
}

week04,hw04

void setup(){
 size(500,400);
  fill(0,255,0);
 rect(0,0,50,50);
  fill(0,0,255);
 rect(0,50,50,50);
 fill(255,0,0);
 rect(0,100,50,50);
 fill(255,255,255);
 rect(0,150,50,50);
 fill(0,0,0);
 ellipse(25,175,10,10);
 fill(255,255,255);
 rect(0,200,50,50);
 fill(0,0,0);
 ellipse(25,225,30,30);
}
 void draw(){
 if(mousePressed && mouseX<50 && mouseY<50) stroke(0,255,0);
 else if(mousePressed && mouseX<50 && mouseY<100) stroke(0,0,255);
  else if(mousePressed && mouseX<50 && mouseY<150) stroke(255,0,0);
   else if(mousePressed && mouseX<50 && mouseY<200) strokeWeight(5);
   else if(mousePressed && mouseX<50 && mouseY<250) strokeWeight(30);
 else if(mousePressed) 
 line(mouseX,mouseY,pmouseX,pmouseY);
 }



慢慢趕上進度了

Week04,HW04

void setup()
{
  size(600,400);
}
int w=1;
void draw()
{
  if(mousePressed&&mouseX<50)
  {
    if(mouseY<50)
      stroke(255,0,0);
    else if(mouseY<100)
      stroke(0,255,0);
    else if(mouseY<150)
      stroke(0,0,255);
    else if(mouseY&rt;350&&mouseY<400)
      save("light.png");
  }
  else if(mousePressed&&mouseX<100&&mouseY&rt;350&&mouseY<400)
  {
    PImage imaged=loadImage("light.png");
    image(imaged,0,0,600,400);
  }
  else if(mousePressed&&mouseX&rt;550&&mouseY<50)
    strokeWeight(++w);
  else if(mousePressed&&mouseX&rt;550&&mouseY<100)
  {
    strokeWeight(--w);
    if(w<1)w=1;
  }
  
  
  if(mousePressed)
  {
    line(mouseX,mouseY,pmouseX,pmouseY);
  }
  
  strokeWeight(1);
  
  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,350,50,50);
  fill(255,255,255);
  rect(50,350,50,50);
  
  fill(0,0,0);
  ellipse(575,25,50,50);
  fill(255,255,255);
  ellipse(575,75,50,50);
  
  strokeWeight(w);
}

基本上也就是把老師DEMO的功能跑一遍,
做一些(我自以為)優化,
if判定列我不喜歡每一格都寫開,
用大方向去分成幾個小分支,程式的脈絡比較清楚,
(應該也會稍微加快程式的速度?)

存檔和讀檔的功能很有用

week04.HW04

void setup()
{
background(55,155,25);
size(500,400);
stroke(0,0,0);
strokeWeight(1);
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);
fill(0,0,0);
text("eraser", 460,30);
fill(255, 255, 255);
rect(450,50,50,50);
ellipse(475,75,1,1);
rect(450,100,50,50);
ellipse(475,125,5,5);
rect(450,150,50,50);
ellipse(475,175,10,10);
rect(450,200,50,50);
fill(0,0,0);
text("Clear", 460,230);
fill(255,255,255);
rect(450,250,50,50);
fill(0,0,0);
text("Save", 460,280);
}
void draw()
{
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(mouseX>450 && mouseY <50 && mousePressed)
{
stroke(255,255,255);
}
else if(mouseX>450 && mouseY <100 && mousePressed)
{
strokeWeight(1);
}
else if(mouseX>450 && mouseY <150 && mousePressed)
{
strokeWeight(5);
}
else if(mouseX>450 && mouseY <200 && mousePressed)
{
strokeWeight(10);
}
else if(mouseX>450 && mouseY <250 && mousePressed)
{
setup();
}
else if(mouseX>450 && mouseY <300 && mousePressed)
{
save("1.jpg");
}
else if(mousePressed)
{
line(mouseX,mouseY,pmouseX,pmouseY);
}
}

2.心得
這次的還蠻有趣的,用自己設計的小畫家畫圖,超有成就感,感覺自己好像有點樣子了
好像很厲害一樣,期待下周的課程,能學到更多更精彩的東西!

W4 練習作業

本次作業練習 截圖















原始碼 :

void setup(){
  background(255);
  size(500,400);
  fill(0); rect(0,0,50,50);
  fill(255); rect(0,50,50,50);
  fill(255,0,0); rect(0,100,50,50);
  fill(255,127,39); rect(0,150,50,50);
  fill(255,200,0); rect(0,200,50,50);
  fill(0,180,0); rect(0,250,50,50);
  fill(0,150,150); rect(0,300,50,50);
  fill(163,64,168); rect(0,350,50,50);
 
}
void draw(){
  
  PImage saveImg;
  saveImg = loadImage("save.jpg");
  image(saveImg, 200, 0);
  PImage loadImg;
  loadImg = loadImage("load.jpg");
  image(loadImg, 260, 0);
  PImage sImg;
  sImg = loadImage("B.jpg");
  image(sImg, 450, 50);
  PImage bImg;
  bImg = loadImage("BB.jpg");
  image(bImg, 450, 100);
  int www=5;
  if(mousePressed && mouseX<50 && mouseY<50) stroke(0);
  else if(mousePressed && mouseX<50 && mouseY<100) stroke(255);
  else if(mousePressed && mouseX<50 && mouseY<150) stroke(255,0,0);
  else if(mousePressed && mouseX<50 && mouseY<200) stroke(255,127,39);
  else if(mousePressed && mouseX<50 && mouseY<250) stroke(255,200,0);
  else if(mousePressed && mouseX<50 && mouseY<300) stroke(0,180,0);
  else if(mousePressed && mouseX<50 && mouseY<350) stroke(0,150,150);
  else if(mousePressed && mouseX<50 && mouseY<400) stroke(163,64,168);
  
  else if(mousePressed && mouseX<260 && mouseY<50) 
  {
    save("01.jpg");
  }
  else if(mousePressed && mouseX<310 && mouseY<50 && mouseX&rt;260) 
  {
    PImage Img;
    Img = loadImage("01.jpg");
    image(Img, 0, 0,500,400);
  }
    else if(mousePressed && mouseX<500 && mouseY<100 && mouseX&rt;450) 
  {
    strokeWeight(++www);
  }
    else if(mousePressed && mouseX<500 && mouseY<150 && mouseX&rt;450) 
  {
    strokeWeight(--www);
    if(www<2)www=2;
  }
  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);
}