第十九週期末展示

  結合Arduino音樂擴充版製作的MP3播放器，可進行播放/暫停，下一曲，上一曲以及音量控制。

影片:

WEEK13

WEEK12

Week11

week10 期中作品展示

Week08

今週完成事項
1.火柴人跳耀
2.碰撞欄干設定
3.欄杆與雲朵速度設定

week07

1. 請列出你今天三個小時,要完成的事
   1.畫面跑動            1/2*OK//有瑕疵 待改進
   2.記時器 計分器       OK
   3.更新按鍵BUG         OK//已經無法按住直接跑了
2. 你在期中作品要做到什麼程度
    1.設立障礙物已增加難度，
    2.持續點擊按鍵與不點擊之間的跑者位置的差別
    3.滑鼠解除障礙物的事件
    4.保存最高紀錄
3. Why? 你為什麼要做它
   這是我已前就想到的遊戲 幸好有將它記錄起來並有機會完成它，並且它很有趣

Week 06

火柴人跑步 看能在多少時間內跑完要求目標，跑步需狂按按鍵才可以移動，圖中會有障礙物需要使用滑鼠將其移開等等動作才能順利奔跑

目前進度:

                 GIF、移動與按鍵

尚未完成:

                時間計時與殘存距離、滑鼠事件與障礙物跟記錄

week05

今天目標: (1) 會轉動的漂亮的花花, (2) 思考決定期中作品

想做的東西:

音樂節奏遊戲
              隨著拍子物件會飄壓飄壓飄的漂到指定地點在對的時間點按下按鈕，取得分數
             

壓榨農民:

               在依定時間內要種出指定的收穫數量

                可以利用課堂交的最後一個作業做出種菜 並且在一定時間 種子會發芽成長直到可以採收(過時會枯萎)，採收獲得分數

Week04 謝瑞發

心得:

        這次的課堂作業是製作小畫家並存檔 我認為如果把方塊設定得好的話基本上不會太難

不過要注意的是畫線繪畫的區塊的問題   不過只要設定好if 九可以搞定了 只是筆速太快或者比粗太粗還是會超出去 所以我設定了一個絕對領域給他以避免突破。

Week03

1. 今天目標: 畫出一個五子棋
1.1. 使用 Tool- Color Selector, 挑出你要的顏色, 可用 R,G,B 來描述,也可用 #0B33FF 之類的像亂碼的數字來設定顏色
1.2. 要畫外框,可以用 rect()來畫, 要修改填充的顏色可以用fill(), 要讓畫的內部不要填充, 可以查看 Help-Reference 後,在 fill()樓上樓下相關的地方找到你要的功能 (ex. noFill() )
1.3. 使用 stroke() 來調畫線stroke的顏色, 在 Help-Reference 裡面可以找 stroke 相關的功能,像是比較粗的 stroke 可以用 strokeWeight() 來設定權重粗細
1.4. 想要畫裡面的細黑線,可以用 line() 來畫,配上不同的 strokeWeight() 粗細

\

. Google 美女工程師, 程式語言用 Ruby, C++, Processing 

1.1. TODO: 請去找一下 Processing 寫出來的作品 

1.2. TODO: 用 Youtube 分享,按Blogger 把 HTML的 <iframe...> 貼在你的作業中

1.3. 下載 Processing 

2. TODO: 寫出你的第一個Processing 程式碼: Hello World 變 Hello Kitty

3. TODO: 請找一張圖,用小畫家(mspaint)輔佐你,畫出你的 Processing 圖, 並都貼出來。

4. TODO: 請寫下你的心得 (1) 你學了什麼東西, (2) 有什麼東西不懂, (3) , 還想學什麼

貼你覺得有意思的影片, 使用youtube 的分享, Blogger 分享, 兩邊都改成 HTML, 貼上 

HTML 

一款經典的電腦小遊戲，雖然可能不是很難甚至我們可能可以作出來，但我認為這件是非常厲害的事!!(特別是PS部分的才能)

week02 課堂

程式碼如下(1):

void setup(){
  size(600,400);
 }
 void draw()
{
 for(int x=0;x<=600;x+=100)
    for(int y =0;y<=400;y+=100)
    {
      {
         rect(x,y,100,100);
      }
    }
}


(2)

  void setup(){
  size(600,400);
 }
 void draw()
{
 for(int x=0;x<=600;x+=100)
    for(int y =0;y<=400;y+=100)
    {
      {
         stroke(255,0,0);
         rect(x,y,100,100);
      }
    }
}

(3)

void setup(){
  size(600,400);
 }
 void draw()
{
 for(int x=0;x<=600;x+=100)
    for(int y =0;y<=400;y+=100)
    {
      {
        fill(255,255,255);
         stroke(255,0, 0);
         rect(x,y,100,100);
         fill(200,200,255);
         ellipse(x+100,y+100, 125, 125);
         noFill();
         triangle(x, y, x-30, y+50,x+30 ,y+50);
      }
    }
}

(4)

Week01 課堂

0. 課程準備
0.1. 加入 課程FB社團
0.2. Google文件 填寫修課資料 (學號姓名,email,電話)
0.3. 加入 Blog, 設定

編交作業方式: tag: 000葉正聖老師, Week01, 00160011葉大明
逗號隔開, 學號姓名間不要有空格

PImage imgBird, imgPig;

void setup() {

  size(600, 600);

  imgBird=loadImage("http://www.cmlab.csie.ntu.edu.tw/~jsyeh/processing/angryBirdsBrick/bird.png");

  imgPig =loadImage("http://www.cmlab.csie.ntu.edu.tw/~jsyeh/processing/angryBirdsBrick/pig.gif");

  imageMode(CENTER);

}

void draw() {

  background(255,255, 0);

  image(imgBird, mouseX, mouseY);

  image(imgPig, 200, 200, 100, 100);

}

-----------------------------------------------------------------------------------------------
HW01:

PImage imgA, imgB;

void setup() {
  size(600, 600);
  imgA=loadImage("http://img.amiami.jp/images/product/review/133/FIG-COL-6195_01.jpg");
  imgB =loadImage("https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-prn1/530525_601612023222194_227493450_n.png");
  imageMode(CENTER);
}

void draw() {
  background(255,255, 0);
  rect(100,100,100,100);
  image(imgA,mouseX, mouseY,200,200);
  image(imgB, 200, 200, 200, 200);
}