2017年9月25日 星期一

第二週

WEEK2  課堂der筆記筆記


課堂作業1~~~彩色粗細線
1.開啟Processing


2.
程式碼:
void setup(){
   size(800,600);
   colorMode(HSB,100);
}
void draw(){
   line(mouseX,mouseY,pmouseX,pmouseY); 
}
void mousePressed(){
   if(mouseX<100){
     strokeWeight(mouseY/50);
   }
   if(mouseX>700){
     stroke(mouseY/6.0,100,100);
   }
}


3.
程式碼:

void setup(){
   size(800,600);
   colorMode(HSB,100);
}
void draw(){
   if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);    ///
}
void mousePressed(){
   if(mouseX<100){
     strokeWeight(mouseY/50);
   }
   if(mouseX>700){
     stroke(mouseY/6.0,100,100);
   }
}



4.
程式碼:
void setup(){
   size(800,600);
   rect(width-100,0,width,height);
   rect(0,0,100,height);
   colorMode(HSB,100);
}
void draw(){
   if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY); 
}
void mousePressed(){
   if(mouseX<100){
     strokeWeight(mouseY/50);
   }
   if(mouseX>width-100){
     stroke(mouseY/6.0,100,100);
   }
}



課堂作業2~~~觀察彩色

1.
程式碼:
noStroke();
colorMode(HSB,100);
for(int i=0 ; i<100 ; i++){
  for(int j=0 ; j<100 ; j++){
    stroke(100,100,100);
    point(i,j);
  }
}

程式碼:
noStroke();
colorMode(HSB,100);
for(int i=0 ; i<100 ; i++){
  for(int j=0 ; j<100 ; j++){
    stroke(i,100,100);
    point(i,j);
  }
} 


程式碼:
noStroke();
colorMode(HSB,100);
for(int i=0 ; i<100 ; i++){
  for(int j=0 ; j<100 ; j++){
    stroke(100,i,100);
    point(i,j);
  }
} 

程式碼:
noStroke();
colorMode(HSB,100);
for(int i=0 ; i<100 ; i++){
  for(int j=0 ; j<100 ; j++){
    stroke(100,100,i);
    point(i,j);
  }
} 

課堂作業3~~~圈圈圈

1.
程式碼:
void setup(){
  size(720,720,P2D);
}
void draw(){

}
void mouseDragged(){
  ellipse(mouseX,mouseY,100,100);
}















2.
程式碼:
void setup(){
  size(720,720,P2D);
}
float pX=-100,pY=-100,r=100;
void draw(){
  ellipse(pX,pY,r,r);
  if(r>3){
    r-=10;
    pX+=13;
  }
}
void mouseDragged(){
  pX=mouseX;
  pY=mouseY;
  r=100;
}


課堂作業4~~~圈圈圈

1.
程式碼:
size(500,500);
PImage img=loadImage("HAHAHAHA.png");
image(img,0,0,500,500);


2.
程式碼:
size(500,500);
background(255,0,255);
PImage img=loadImage("HAHAHAHA.png");

image(img,0,0,500,500);

3.
程式碼:
PImage img1,img2;
void setup(){
  size(500,500);
  img1=loadImage("HAHAHAHA.png");
  img2=loadImage("flower.png");
}
void draw(){
  background(255,0,255);
  image(img1,mouseX,mouseY,100,100);
  image(img2,200,200,500,500);
}



















































沒有留言:

張貼留言