水族箱

這次這個要做出小時候玩的水族箱，先做出一個長方形當作是魚，滑鼠移動到哪，方快就會到哪， 這個新程式跟虎克定律有些像。

虎克定律

今天小葉要教我們做出第一張網頁中的東西，先打出背景和兩個點點出來，簡單的開始再變成困難。

劃出了兩個點點後，我們要畫出一條線，這樣看起來有像第一張照片的一點點了。nostroke()是不畫線的意思。

下一步，可以用滑鼠來移動繩子和點點。要讓它動的話，就要使用變數。
下一步，因為想讓點點可以彈回去，按下去拉出長度，放開後彈回去。計算長度sqrt(x*x+y*y)。

讓移動的點點回去得比較滑順，而不是瞬間移動，看了心情也會比較好。

現在到了這一步，已經跟第一張照片裡一樣了，點點會不斷地來回彈，看起來很有趣很有成就感。利用微積分:位置>速度>加速度(力)。 vx-=dx*(len-100)/len*0.001;後面乘上的數字是彈力，數字越大彈力越大。

小人

讓小人可以自己走路。這是小葉openprocessing裡的程式。可以跟著上下左右改變方向。

撥放音樂

開新的一個檔案下載好音樂，然後打出程式，而且一定要有框框才會有音樂。

把音樂加進去憤怒鳥的程式裡，這樣就有背景音樂了。

這一步是將豬的聲音和圖片加進去，按右鍵時豬會出現，最多20隻。

todo2是將豬的音樂加進來 todo3是將豬的圖片加進來。 以上是完整程式。

angrybird後續

先設定框框大小還有框框的背景顏色，還有把圖檔放進來。但是鳥會跟著滑鼠走，但我們不要。imageMode(CENTER)的部分是以正中心當座標。

因為上面鳥還是會跟著滑鼠走，所以我們要改掉在10行的地方把mouse改成birdX和birdY，在13的地方多出按下去滑鼠鳥才會開始動的程式，拖曳鳥的時候會出現一個繩子，可以知道\原本鳥是在什麼位置。

憤怒鳥飛

做的很像憤怒鳥的前奏，可以有拉和彈的功能。

數字排序

一開始，小葉給我們看泡泡排序，將沒有排列好的數字排整齊，也將程式傳給我們讓我們自己試試看，紅色的部分是電腦依造程式修改順序的部分。
a[i]=int(random(10));隨便的10個亂數。

textSize是改變數字的大小，textAlign是對齊物件的相對位置。

連接上禮拜

一開始先用程式劃出5*5的圈圈們。


將圈圈們上色，並且使用了HSB，讓其中一個圈圈有了不一樣的 顏色，每點一次圈圈們會換顏色，繼續循環HSB。

劃出四個圓圈圈

上processing的一開始，小葉老師先教我們劃出似的圓圈圈。



修改了程式，讓四個圓圈圈可以重複的從小圈圈開始變大。下一 個步驟是要改成用for迴圈來修改看會怎麼樣。

這次是比較用原本的程式和使用for迴圈之後得差異，一個看上去複雜繁多，但在使用for迴圈之後可以看的出來明顯少了很多步驟，看上去清晰許多，可見for迴圈有多便利好用。

小精靈進階

一開始，小葉老師先教我們打出小精靈和精靈的嘴吧。

打出小精靈之後，把框框變大一點，改變底色，也讓嘴巴有開合的功能，新教了一個da視角度a的改變量，可以使嘴巴張大和閉起來。

可以看出小精靈改變位置也改變嘴巴大小了。

再來更進階，打出小豆子給小精靈吃掉，上面先用java陣列把點點用出來，再到下面把小豆子該出現的位置打出來，這樣打完就會有小精靈吃 小豆子的感覺了。

小精靈嘴巴開闔

老師教我們做出遊戲中的小精靈，讓小精靈的嘴巴有開闔，只是目前是需要滑鼠移動過去才會開闔，但已經離遊戲更進一步了。

改了這兩行程式，小精靈可以自己開合嘴巴了，不需要再用滑鼠去用了，frameCount是可以改變小精靈嘴巴開闔的速度，承越多越快。

老師多加了一條添加小精靈顏色的程式(fill) 也在最後一條程式裡多加了mouseX使我們的滑鼠過去可以改變小精靈的開口方向。

小畫家左右上

今天小葉老師教我們使用processing打出程式，還有在小畫家裡畫出三張圖片，畫完之後直接拉進去就好了，之後按上左右鍵就會有變化了。



之後小葉又教了可以讓箭頭移動的程式，修改了if的大刮號改圖也改了速度，讓箭頭不單單只是上左右。

week04 彩色圈圈

今天小葉老師教我們如何用Java的宣告方式讓圈圈多了顏色，變得繽紛起來，這樣變得可愛多了。



讓彩色球球像氣球一樣往上飛，還可以依照按滑鼠的時間長久改變圈圈的大小，感覺又更近了一步!!!

彩色圈圈往上飛的另一種方式。

用呼叫韓式的方法，把原本複雜的程式變得不那麼多。


陣列左手 i右手 j 。

week04BP小畫家

今天小葉教我們在裡面畫出了一個小人，並給予她指示，讓他左右走，雖然只是基本的左右走，但我都快搞砸了，不過就當離成功進一步好了。


下一個教的是，上網找一個地圖，看好這個地圖的大小，並把他設為背景，再放上白色蛋時也需要看他放的位置以免出差錯，有一種遊戲的感覺!!!




小葉新教的發射子彈，打上新指令讓白彈射出子彈，像遊戲依樣!!!!
這樣比較好玩。

week02小畫家隕石

小葉老師用processing教的小畫家，畫出隕石掉落的樣子。

讓多顆隕石一起掉落，上面的陣列可以改變隕石的數量。