Week02劉峻宇

今天上課老師教了如何做出一個簡單的互動遊戲

(一)

如何製作出一個可以自動畫出一個花的程式

首先開啟processing3.3.5

老師今天教的程式碼

void setup(){

  size(400,400);

  colorMode(HSB,100);

}

int R=30, H=0;

void draw(){

  fill(H,100,100);

  ellipse(mouseX,mouseY, R,R);

  R-=3;

  if(R<0) R=30;

  H++;

  if(H>=100) H=0;

}

可以寫出一個用滑鼠控制的幾何圖形,自己畫出一個花

(二)

 如果想要讓程式自己跑,不用滑鼠控制的話,只要再更改一下程式碼

void setup(){

  size(400,400);

  colorMode(HSB,100);

}

int R=50, H=0;

int CircleX=200,CircleY=200;

void draw(){

  fill(H,100,100);

  ellipse(CircleX,CircleY, R,R);

  R-=2;

  CircleX+=random(30)-15;

  CircleY+=random(30)-15;

  if(R<0){

    R=50;

    CircleX=200; CircleY=200;

  }

  H++;

  if(H>=100) H=0;

}

(三)

今天學習到如何使用程式碼,將網路上抓的圖片,顯示在上面

範例: 我使用一張卡通的圖片

先將圖片放到資料夾,就可以直接顯示

再用老師所教的程式碼

PImage img = loadImage("duck.png");

image(img, 0,0, 100,100);

(四)

再來如果想讓圖片可以像電腦當機一樣,有一堆圖顯示出來

就可以使用這個程式碼

PImage img;

void setup(){

   size(800,800);

   img = loadImage("duck.png");

}

void draw(){

  image(img, mouseX,mouseY, 100,100);

}