02160136_陳威志_Week02

練習

1.

2.

3.

4.

程式碼

void setup()

{

  size(800, 600);

  background(#000000);

  stroke(#FFFFFF);

}

float mystrokeweight = 1;

color mystroke = color(255,255,255);

void draw()

{

  stroke(#FF00F3);

  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(750,0,50,50);

  fill(0,0,0);rect(750,50,50,50);

  fill(0,0,0);rect(750,100,50,50);

  

  stroke(mystroke);

  strokeWeight(mystrokeweight);

}

void mouseDragged()

{

  line(mouseX, mouseY, pmouseX, pmouseY);

}

void mousePressed()

{

  if (mouseX<50 && mouseY<50)

  {

    mystroke = color(255,0,0);

  }

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

  {

    mystroke = color(0,255,0);

  }

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

  {

    mystroke = color(0,0,255);

  }

  if (mouseX>750 && mouseY<50)

  {

    mystrokeweight = 30;

  }

  else if (mouseX>750 && mouseY<100)

  {

    mystrokeweight = 50;

  }

  else if (mouseX>750 && mouseY<150)

  {

    mystrokeweight = 80;

  }

}

刮畫

5.

PImage imgBG;
PImage imgBlack;

void setup()
{
 size (800,600);
 imgBG = loadImage("color.jpg");
 imgBlack = createImage (800, 600, ARGB );

 imgBlack.loadPixels();

 for(int i= 0 ; i<imgBlack.pixels.length;i++)
   {
     imgBlack.pixels[i] = color(0,0,0,255);
   }
   imgBlack.updatePixels();
}

void draw()
{
  image(imgBG,0,0,width,height);
  image(imgBlack,0,0,width,height);
}

void mouseDragged()
{
 imgBlack.loadPixels();
 imgBlack.pixels [mouseX+ mouseY * width] = color(0,0,0,0);

 imgBlack.updatePixels();
}


直接畫漸層線
6.

void setup()

{

  size(800,600);

  colorMode(HSB, 800);

  background(0);

  strokeWeight(2);

}

void draw()

{

       if(mousePressed)

              {

                       stroke(mouseX, mouseY, 800);

                       line(mouseX , mouseY, pmouseX, pmouseY);

              }

}