課程回顧

1.你最喜歡的作業？

我最喜歡的作業為"期末專案"的部分，不單單是自己組別的作品，可以看到其他組別的作品都很有創意，大家都想盡辦法將自己的創意與想法結合Processing中。


2.你在這門課程中學習到什麼？

創意是一件很重要的思維，但單單除了有創意外，還必須具備一些基礎能力才能將你的創意展示在眾人面前。
這時候怎麼去尋找資源與解決便是一件很重要的技能了，如開口詢問與團隊討論合作便是值得去學習的。


3.在這門課後你改變了什麼？

從以前只想著埋頭寫程式，到現在會開口向人詢問與討論如何去解決某件事情。
過程中由一開始的不好意思到後面的習以為常，其實中間的轉變便是想法改變了。
一個人的能力有限，若想把自己的作品發揮到最佳展示在眾人眼前，那麼有時候不妨向能力足夠的同學去詢問或討論，創意有時候是經過討論出來的，希望往後還能繼續維持這種熱情。

HW10

說來也很妙，前幾天才迷上iphone裡面的Carzy Cow，過沒幾天在課堂上就做出類似的遊戲-大魚吃小魚了。

其實概念又延伸到上禮拜所做的放大縮小，利用random出的各種魚再加上滑鼠中所代表的魚，利用判斷mouseX & mouseY等，都是以前學過的概念。

只能說程式是越學越深，能做的變化也就越來越多，不侷限於也上課所教所學的課程了。

HW09

利用鍵盤將影像可以隨心所欲的改變上下、放大縮小、淡入淡出等功能，還可以利用旋轉呢！
不單單只是用滑鼠點選介面上的圖示才能改變大小、淡入淡出的功能，現在用鍵盤可以更方便的將所求快速的展示出來。
如果將鍵盤和滑鼠結合，將介面做得更漂亮，相信可以吸引很多人來玩。

HW08

很常在blog中看到有些人在滑鼠的游標上做效果，滑鼠的移動路徑都有不同的影像去表示，而我的作品也是如此。

利用mouseX & mouseY，將滑鼠的座標寫入函式中，做出不一樣的變化。過程中的程式並不困難，是個很適合大家都去嘗試的小遊戲。

HW05

繼上禮拜的小畫家，這禮拜的小畫家更為有趣，有別於一般windows內建的小畫家，多了將影像放入資料夾內後，以指定的方式將隨機random出兩張不一的影像。

以小畫家為基底，做出屬於我自己的創意，令我喜歡期待接下來課程還有什麼...

期末專案

心得：
從一開始的一個念頭想做音樂遊戲，經過了與我的夥伴-阿晉的討論過後，便決定嘗試朝這部分去寫看看。
一開始只是建立的矩形random向左跑，慢慢的修正變朝向打字練習遊戲方向前進。
其中的一開始遇到的是如何將矩形分開，這是這份程式中最困難的一大部分。解決了這部分，下個難關便是如何去打字進去，放入單字資料庫，與如何去比對等等，在期末專案展覽的前一天都還在為我們的程式頭痛呢！
最後經過了美工的修飾後，加了特效與音樂進去後，便是最後呈現在眾人眼前的便是我們的"璀燦星空-快眼達達"。

謝謝老師，也謝謝各位喜歡我們作品的同學們，也感謝那些利用課餘時間來觀看我們的程式的同學們。=)

期中專案-魔幻旋風

第一次接觸到要做期中專案，其實一開始很沒有想法要做什麼，範圍很廣不限制，只要發揮出團隊創意。
沒想到最後出來的成品，不僅有部分美感也吸引各位同學，很令人開心。
不過可惜的是，當天未能出席參與，辛苦了我的夥伴，你很棒！

PS: 感謝辛苦的夥伴-阿晉，與那些投票的同學 =)

HW04

這禮拜終於把小畫家給完成了，雖然只是部分的畫筆色彩與大小、儲存與清除等部分，也跟Windows中的小畫家無兩樣，不過能靠著自己完成出來是很有成就感的，程式碼不單單是冷冰冰的，也可以很有趣很人性的。
我相信課堂上學的只是基礎，如何去應用還是得靠自己。

HW03

3-1

3-2



這禮拜將上禮拜未完成的眼睛做出來了，同時間有這麼多隻眼睛跟著滑鼠移動，感覺很新奇很好玩，令我想到有個應用程式裡面的動物會盯著滑鼠跑，想辦法想綁架操作者的滑鼠...
除了小畫家中可以畫圖寫字外，第一週也知道了Processing也可以用來畫圖，沒想到可以直接用Processing寫出一個小畫家，雖然這禮拜沒辦法把小畫家完善的改良，只能在變化色筆的顏色上做手腳，不過很令我期待Processing還能做出什麼樣的變化與應用出來。

HW02

2-1

　　　
2-2

　　　
2-3

　　　　
除了一些基本的形狀，限定顏色上色外。
今天學了random矩形的顏色、透明度，使得單單一個矩形就可以有不同的變化，也不用擔心每一個都長的一樣。
2-2即是利用random製造出屬於自己獨一無二的創意，很值得令人去嘗試看看。
最後期待下禮拜能將圓中圓變化成會動眼睛囉！

HW01

原圖-紅黑藍黃的菱形構成


小畫家-紅黑藍黃的菱形構成


Processing-紅黑藍黃的菱形構成

第一次接觸到這一門課，感覺到很新奇。
利用程式碼來畫圖，而非一般的滑鼠或是手繪版，在上這門課之前是沒有用程式碼畫圖的概念。
從原圖→小畫家→Processing，可以知道原來程式碼畫圖並不是那麼困難的，我想這引起我學習的動力了。

上機考

PImage a; //蚊子

PImage b; //蚊拍

//PImage c;

int[] x;

int[] y;

int[] z; //x,y座標 i隻蚊子

int score=0;

int count=50;

void setup(){

size(800,800);

background(0);

a = loadImage("pic1.jpg"); //載入蚊子

// saveFrame("pic0.jpg");

b = loadImage("pic2.jpg"); //載入蚊拍

// c = loadImage("pic0.jpg");

x=new int[50];

y=new int[50];

z=new int[50];

for(int i=0;i<50;i++){ //設定50隻蚊子

z[i]=1;

x[i]=(int)random(0,800); //x=0~800

y[i]=(int)random(100,800); //y=100~800

}

for(int i=0;i<50;i++){if(z[i]==1)image(a,x[i],y[i]);}//印出50隻蚊子 }

void draw(){

background(0); //洗畫面

PFont font; // 設一字體

font=loadFont("AmericanTypewriter-24.vlw"); //載入字體

textFont(font); //字體

fill(255,0,0); //score的字體顏色

textSize(20); //字體大小

text("score:",650,50); // 印出score:

text(score,750,50);

image(b,mouseX-50,mouseY-50);

for(int i=0;i<50;i++){

if(mousePressed==true){

if(mouseButton==LEFT){

if(x[i]<=mouseX && x[i]>=mouseX-50 && y[i]<=mouseY && y[i]>=mouseY-50 && z[i]==1 && score<50){

z[i]=0; //第i隻蚊子kill

score++;

}

}

}

}

for(int i=0;i<50;i++){if(z[i]==1){image(a,x[i],y[i]);}}

if(score==50){

background(255);

fill(255,0,0);

textSize(100);

text("Winner:",350,50);

}

}

這次期中上機考分為兩部分，一為現場上機考，二為回家完成。

然而，在現場的上機考只做出了random50隻蚊子、蚊拍和文字部分，無法進行打蚊子的動作。

當下沒有想到要用array去做，雖然當時老師有提醒不過到沒有去想到那部分，與分數擦身而過了。

　　　　

當初一開始想要利用save圖檔和load圖檔去做，製造出50隻蚊子後存檔圖片後，再讀取圖檔，打一隻存檔再讀取，利用覆蓋的反覆動作將50隻蚊子殲滅。不料在時間內無法執行，程式作業很現實的就是看結果，不是0就是1，小小部分未完成就是錯的，導致在上機部分當下有點小失落。

　　　　　

考完過後，和兩位完成的高手討論過後發現，其實利用array去存取x&y座標就不用擔心蚊子的座標和滑鼠座標無法配合的問題了，也不會有怎麼打都打不死的問題出現。還可以做一些有趣變化，使得不單單只是蚊拍打蚊子，可以說是經過開點後不同凡響啊！