Xuan week01

WEEK01 

step01-1 直接模式  immediate Mode

                                           調整視窗大小 字的大小 中英文字的更改

                                            size(500,500);

                                          更換背景顏色

                                           

//This is very big
//中文字
size(500,500);//視窗大小(寬,高);
background(255,255,0);//背景色(紅,綠,藍);

step02-1 

                                        

                                            互動模式 Interactive Mode (Active Mode)

                                            

                                            

//互動模式 Interactive Mode (Active Mode)
//很像大一 大二 int main(){....}
void setup()//設定
{
  size(500,500);
  background(255,255,0);
}
void draw()//畫圖 每秒畫60次
{
  ellipse(mouseX,mouseY,8,8);//圓形
}

    

                                            滑鼠按下時，可以畫線

                                            

void setup()//設定
{
  size(500,500);
  background(255);//改白色背景 背景(255)
}
void draw()//畫圖 每秒畫60次
{
  if(mousePressed) //如果mouse有按下去
  {
    line(mouseX,mouseY,pmouseX,pmouseY);
    //畫線(滑鼠座標mouseX,mouseY, 到之前滑鼠座標pmouseX,pmouseY);
  }
  
}

step02-2

                                            

                                            更改線的顏色

                

                                            

void setup()//設定
{
  size(500,500);
  background(255);//改白色背景 背景(255)
}
void draw()//畫圖 每秒畫60次
{
  if(mousePressed) //如果mouse有按下去
  {
    line(mouseX,mouseY,pmouseX,pmouseY);
    //畫線(滑鼠座標mouseX,mouseY, 到之前滑鼠座標pmouseX,pmouseY);
  }
  
}
void keyPressed()//如果有按下keyboard的key
{
  if(key=='1') stroke(255,0,0);//如果按下數字1 筆觸是紅色
  if(key=='2') stroke(0,255,0);//如果按下數字2 筆觸是綠色
  if(key=='3') stroke(0,0,255);//如果按下數字3 筆觸是藍色
}

                                            

僵化完的圖檔存起來 png檔
先把程式碼的檔案存檔 在畫要的圖 按s 檔案會載資料夾裡面
                                             

void setup()//設定
{
  size(500,500);
  background(255);//改白色背景 背景(255)
}

void draw()//畫圖 每秒畫60次
{
  if(mousePressed) //如果mouse有按下去
  {
    line(mouseX,mouseY,pmouseX,pmouseY);
    //畫線(滑鼠座標mouseX,mouseY, 到之前滑鼠座標pmouseX,pmouseY);
  }
  
}

void keyPressed()//如果有按下keyboard的key
{
  if(key=='1') stroke(255,0,0);//如果按下數字1 筆觸是紅色
  if(key=='2') stroke(0,255,0);//如果按下數字2 筆觸是綠色
  if(key=='3') stroke(0,0,255);//如果按下數字3 筆觸是藍色
  if(key=='s'||key=='S') save("output.png");//如果按下s/S鍵 就存檔output.png
}

step03-1

                        上傳到github

                        



                                裡面會有相關的內容可以參考





這個程式碼會有錯誤
因為程式碼把動態跟靜態的程式混一起了

                        更改筆觸的粗細

                        


void setup()//設定
{
  size(500,500);
  background(255);//改白色背景 背景(255)
}

void draw()//畫圖 每秒畫60次
{
  if(mousePressed) //如果mouse有按下去
  {
    line(mouseX,mouseY,pmouseX,pmouseY);
    //畫線(滑鼠座標mouseX,mouseY, 到之前滑鼠座標pmouseX,pmouseY);
  }
  
}

void keyPressed()//如果有按下keyboard的key
{
  if(key=='1') stroke(255,0,0);//如果按下數字1 筆觸是紅色
  if(key=='2') stroke(0,255,0);//如果按下數字2 筆觸是綠色
  if(key=='3') stroke(0,0,255);//如果按下數字3 筆觸是藍色
  if(key=='+') strokeWeight(10);//增加筆觸的粗度
  if(key=='-') strokeWeight(1);//減少筆觸的粗度
}

                        利用int 參數 更改筆觸的粗細

                        


void setup()//設定
{
  size(500,500);
  background(255);//改白色背景 背景(255)
}

void draw()//畫圖 每秒畫60次
{
  if(mousePressed) //如果mouse有按下去
  {
    line(mouseX,mouseY,pmouseX,pmouseY);
    //畫線(滑鼠座標mouseX,mouseY, 到之前滑鼠座標pmouseX,pmouseY);
  }
  
}

int w=1;
void keyPressed()//如果有按下keyboard的key
{
  if(key=='1') stroke(255,0,0);//如果按下數字1 筆觸是紅色
  if(key=='2') stroke(0,255,0);//如果按下數字2 筆觸是綠色
  if(key=='3') stroke(0,0,255);//如果按下數字3 筆觸是藍色
  //if(key=='+') strokeWeight(10);//增加筆觸的粗度
  //if(key=='-') strokeWeight(1);//減少筆觸的粗度
  if(key=='+') strokeWeight(++w);
  if(key=='-') strokeWeight(--w);
  println(w);
}

辦openProcessing

建立自己的圖檔程式碼

void setup()//設定
{
  size(500,500);
  background(255);//改白色背景 背景(255)
}
void draw()//畫圖 每秒畫60次
{
  if(mousePressed) //如果mouse有按下去
  {
    line(mouseX,mouseY,pmouseX,pmouseY);
    //畫線(滑鼠座標mouseX,mouseY, 到之前滑鼠座標pmouseX,pmouseY);
  }
  
}
void keyPressed()//如果有按下keyboard的key
{
  if(key=='1') stroke(255,0,0);//如果按下數字1 筆觸是紅色
  if(key=='2') stroke(0,255,0);//如果按下數字2 筆觸是綠色
  if(key=='3') stroke(0,0,255);//如果按下數字3 筆觸是藍色
  if(key=='s'||key=='S') save("output.png");//如果按下s/S鍵 就存檔output.png
}

step03-1

                        上傳到github

                        



                                裡面會有相關的內容可以參考





這個程式碼會有錯誤
因為程式碼把動態跟靜態的程式混一起了

                        更改筆觸的粗細

                        


void setup()//設定
{
  size(500,500);
  background(255);//改白色背景 背景(255)
}
void draw()//畫圖 每秒畫60次
{
  if(mousePressed) //如果mouse有按下去
  {
    line(mouseX,mouseY,pmouseX,pmouseY);
    //畫線(滑鼠座標mouseX,mouseY, 到之前滑鼠座標pmouseX,pmouseY);
  }
  
}
void keyPressed()//如果有按下keyboard的key
{
  if(key=='1') stroke(255,0,0);//如果按下數字1 筆觸是紅色
  if(key=='2') stroke(0,255,0);//如果按下數字2 筆觸是綠色
  if(key=='3') stroke(0,0,255);//如果按下數字3 筆觸是藍色
  if(key=='+') strokeWeight(10);//增加筆觸的粗度
  if(key=='-') strokeWeight(1);//減少筆觸的粗度
}

                        利用int 參數 更改筆觸的粗細

                        


void setup()//設定
{
  size(500,500);
  background(255);//改白色背景 背景(255)
}
void draw()//畫圖 每秒畫60次
{
  if(mousePressed) //如果mouse有按下去
  {
    line(mouseX,mouseY,pmouseX,pmouseY);
    //畫線(滑鼠座標mouseX,mouseY, 到之前滑鼠座標pmouseX,pmouseY);
  }
  
}
int w=1;
void keyPressed()//如果有按下keyboard的key
{
  if(key=='1') stroke(255,0,0);//如果按下數字1 筆觸是紅色
  if(key=='2') stroke(0,255,0);//如果按下數字2 筆觸是綠色
  if(key=='3') stroke(0,0,255);//如果按下數字3 筆觸是藍色
  //if(key=='+') strokeWeight(10);//增加筆觸的粗度
  //if(key=='-') strokeWeight(1);//減少筆觸的粗度
  if(key=='+') strokeWeight(++w);
  if(key=='-') strokeWeight(--w);
  println(w);
}

辦openProcessing

建立自己的圖檔程式碼