顯示具有 98360171王語柔 標籤的文章。 顯示所有文章
顯示具有 98360171王語柔 標籤的文章。 顯示所有文章

2011年1月4日 星期二

課程回顧

1. What is your favorite homework：期末的專題─敲麋鹿，

　Why：因為這項作業是在有限時間內最花心思的，不論是修改的圖片或是期望能呈現的效果，幾乎都有達到預期的遊戲設定，雖然在精緻度跟多樣化上沒有外界遊戲設計的那麼吸引人，至少我朝著我嚮往的多媒體領域踏進的一步，開始玩跟回顧自己跟夥伴一起做出來的遊戲，我很喜歡也很享受這段努力的過程。

2. What did you learn in this course：深刻的了解到要做出市面上的網路遊戲是多麼不容易的事情，體驗到用基礎的程式寫小遊戲的樂趣，也學到如何解決與面對跟夥伴討論專題時會遇到問題，在這堂課再次體會到夥伴跟討論的重要。

3. What did you change after this course：讓我找到為一件事情著迷而投入全部精神的感覺，在以前為了完成作品堅持不回家也要做到最後，現在為了興趣我找回當時為一件事情而努力的感覺，這樣的成就感在其他課程很少體驗到，可以藉由部落格作業的繳交看到自己的成長很高興。

張貼者： 於 沒有留言:
標籤： ,

2011年1月2日 星期日

上機考

開始畫面
獲勝畫面
心得：
　　這次考試只有做出基本的遊戲畫面，沒有做出完整遊戲效果，一開始想到的是利用專題裡曾經學到的程式，給座標讓槌子在固定座標移動，但是試了很久也沒辦法讓槌子在固定座標按照順序移動，只有點Start槌子隨機在1 ~ 8出現。最後是參考同學程式來做變化，也了解我的程式為什麼沒辦法按順序移動的原因，最後稍做改變，主要是讓方塊填滿效果改成槌子移動。
張貼者： 於 沒有留言:
標籤： ,

2010年12月28日 星期二

HW09


心得：
　　最後的作業強調圖像動畫系統，左右與上下移動是最開始遇到的難題，我不知道要怎麼設定才能讓圖片在一定範圍內移動，是參考別人的程式碼，用了很多if跟else if來設定調整，放大跟縮小圖片比較簡單，只要改變圖片寬跟高讓它增加跟減少，而淡出跟淡入是新學到的指令（tint），剛開始設定有些混淆，不知到哪個數值放哪，測試過後才比較清楚用法，一開始像素值i設為255，所以設i大於0會使像素值漸減，也就是讓圖片淡出到全黑，因為剛讓圖片像素值減少，所以i會小於255，再讓i加到最高255，呈現出來的效果就是讓圖片淡入，指令mousePressed跟loadImage等等都是最基礎的，我覺得這次功課加重了寫程式的難度，在理解上花了很長的時間。
張貼者： 於 沒有留言:
標籤： ,

HW08

圖一
圖二

心得：
　　這次的作業有用到小畫家的功能，以半圓形來想像作圖在開學時就有體驗過，沒想到Processing竟然可以用這樣的方式呈現這次的作業，結合大家的上半圓跟下半圓來做配對。這次的作業學到如何結合兩張圖片，與如何經由滑鼠來換下（Next）或是上（Back）一張圖，看著程式碼想了很久，雖然前面的作業有類似的程式碼，但是這次的程式碼比較難懂。

張貼者： 於 沒有留言:
標籤： ,

2010年12月14日 星期二

HW10


張貼者： 於 沒有留言:
標籤： , ,

2010年11月16日 星期二

HW04



心得：
　　4-1比3-2更進一步像小畫家，多了Clean、Eraser與Save的功能，用到的指令是text，修改的差不多在試畫的時，發現用Clean功能時，邊框線的顏色會依據畫筆顏色而改變，例如我用紅筆畫完使用Clean後，黑色邊框會變成紅色，這點我是參考別人的作品做處理，要先設定邊框(stroke)顏色，不然在Clean的同時邊框也會被填滿畫筆顏色。
張貼者： 於 沒有留言:
標籤： ,

HW05

5-1-1

5-1-2

http://ss24.mcu.edu.tw/~s8360171/hw5_1_2/applet/


5-2



http://ss24.mcu.edu.tw/~s8360171/hw5_2/applet/


5-3



心得：
　　5-1重點是如何將圖形旋轉與改變原點坐標，Processing裡有不同的步驟，我是先利用translate改變圖形坐標，再用rotate將圖形旋轉角度，rotate不方便的地方是不能直接標示角度，一定要先乘PI才行。標示角度的過程中有很多疑問，像是紅色正方形以水平線為0轉45度後，為什麼綠色正方型是轉120度而不是轉165度，這點跟同學討論很久，最後得出的結論是每畫出一個正方型X軸也會跟著旋轉，第二個正方型是以第一個正方型轉的角度繼續接著轉，所以綠色跟藍色正方形才都是轉120度。5-1的延伸是風扇，將原點移到畫布中心，深藍色為第一個長方型，之後用for迴圈依序畫出5個淡藍色長方形，角度60度是因為有六個長方型要均分360度，最後設一個變數d來決定每次轉的角度。5-2學到的是延遲時間(easing)與目的(target)，我覺得變數很多，程式到最後很亂，但是讓程式跟滑鼠有近一步的互動覺得很有趣。5-3不太懂內容，不同於5-2的是5-3是一直畫出圓，嘗試著改數字看哪裡會有變化，從最小數字一直加到設定的數字，所以設的數字越大，尾巴會拉的越長，因為顏色與透明度都是隨機，效果很棒。
張貼者： 於 沒有留言:
標籤： ,

2010年11月2日 星期二

HW06


張貼者： 於 沒有留言:
標籤： , ,

2010年10月12日 星期二

HW03

3-1

3-2

心得：
　　3-1是把2-3的圖做修改讓圖像是眼睛，再搭配上與滑鼠的互動，用smooth把邊修平滑，兩個for迴圈同3-1用來畫出圓的排列個數，黃綠色部分是控制若滑鼠上移Y軸減少，反之滑鼠下移Y軸增加，淡藍色瞳孔部分是控制跟隨滑鼠移動，先固定中心在做增減移動。3-2是製作簡易小畫家，用if與新學到的指令mousePressed、mouseButton、pmouseX與pmouseY來控制畫出的顏色與畫筆粗細，試畫的時候有發現前一個畫筆的顏色會覆蓋到下一個滑鼠點的色框，這點是請教同學才修改成功。
張貼者： 於 沒有留言:
標籤： ,

2010年9月28日 星期二

HW02

2-1


2-3

心得：
　　2-1學會利用frameRate控制變換畫面的速度，利用random不停改變背景顏色與圖形顏色跟位置有很意想不到的效果，利用for迴圈一秒內製造出多個不同形狀的方形，且fill中增加透明度隨機讓畫面變化更豐富漂亮。2-2是將2-1做小修改，把方形改成圓形，且改變控制變數，2-1是控制方形大小將坐標位置設隨機，2-2我將圓心固定，讓圓形X軸與Y軸長度隨機變化。2-3是利用for迴圈產生出最大圓並依畫布大小決定最大圓並排的數量，ellipse設定裡的中心坐標點依for迴圈變化而改變圓的位置，製造出同心圓的效果，新學到的是的println(mouseX +" "+mouseY)，作用是在Processing下面顯示出滑鼠在執行程式上的坐標位置。
張貼者： 於 沒有留言:
標籤： ,

2010年9月14日 星期二

HW01

1-1
蒙得里安‧皮埃特 - 構成第十號

1-2
小畫家作品

1-3
Ｐrocessing作品

程式碼：
size(650,712);
background(230,225,230);
fill(0,0,0);
rect(38,0,15,712);
rect(137,0,15,712);
rect(490,0,15,712);
rect(565,0,15,712);
rect(626,0,15,712);
rect(150,0,340,8);
rect(0,140,40,40);
rect(150,158,340,15);
rect(0,227,650,15);
rect(0,395,650,15);
rect(50,440,515,15);
rect(0,480,650,15);
rect(150,690,475,15);
fill(0,0,255);
rect(0,0,38,140);
fill(255,255,0);
rect(0,410,38,70);
rect(505,705,60,12);
rect(580,705,45,12);
fill(255,0,0);
noStroke();
rect(0,528,38,42);
rect(641,240,14,155);
rect(336,705,32,12);

心得：
　　我覺得用小畫家描繪出世界名畫比較簡單，因為使用小畫家只需要目測出位置與大小就好，Processing卻需要標示出明確的坐標，繪製上需要較多的時間。這節課學到了改變畫面大小(size)、改變背景顏色(background)、填滿色彩(fill)、畫出各式圖形(rect與ellipse)與決定有無邊線(no-Stroke)。作品的不足是無法完全複製出與世界名畫一模一樣的質感，世界名畫用的顏料所呈現的感覺，很難用小畫家與Processing表現出來。
張貼者： 於 沒有留言:
標籤： ,
訂閱： 文章 (Atom)