課程回顧

最喜歡作業是自己製作一個小畫家，可以在自己寫的程式碼變成一個小畫家，畫出自己的圖

案，使用自己專屬的小畫家，設定自己要的大小，喜歡的顏色，那種感覺很好。在這堂課裡

面我學到很多，像是與朋友討論其實可以比自己找資料或慢慢理解來的有效率，討論可以發

現很多問題也可以獲的不少東西，像是有時候你會發現其實跟你討論的人也跟著你一樣有同

樣的問題，這時你們可以交換意見，搞不好此時答案就出來了，我喜歡這堂課因為他與其他

科上課方式不同，很自由，而且與其他科最大不同是這節課老師鼓勵我們有問題就要互相討

論。上完這堂課後我學到當你遇到問題時就可以藉由互相討論，並想辦法解決你的問題，討

論是學習中很重要一部分，當你請教別人時可以更快的理解，而被請教的人也可以藉由討論

更進一步的學習。

上機考

WIN

http://ss24.mcu.edu.tw/~s8360055/test/applet/

心得:

這次上機考考水果盤，雖然只有得到基本分畫了

9個格子，但是老師說事後了解更重要，考完後

便請教了同學不會的地方，發現有些地方其實跟

上一個作業相似，一樣是需要判斷，而且要使用

亂數讓他亂跑，還有要設開關，了解後並不覺得

它很難，覺得好可惜，其實沒有想像中這麼難。

hw09

這次作業做好久喔!!不過後來發現其實他跟上

次作傳岩石用到的雪花判斷方式很像再新增了

放大縮小以及變深及變淺需要使用到(tint)的函

數，所以其實只要懂，寫起來其實不難。

http://ss24.mcu.edu.tw/~s8360055/hw_09/applet/

HW10

hw08

原圖

匹配1

匹配2

http://ss24.mcu.edu.tw/~s8360055/hw_08/applet/

這次使用了PImage imgFront,imgBack;

將圖片載入進去將大家畫的圖互相匹配

成最合適的圖片，在匹配過程中其實滿

有趣的，用自己畫的與別人匹配。其實

這個函數PImage 在之前做專題1時就已

經使用過它，那時我們是用來載入背景

圖(使用loadImage)，所以其實並不陌生

，因此程式還算慢容易寫的，再來只要

加上之前所寫的小畫家一些東西就可以

寫出來。

hw05

http://ss24.mcu.edu.tw/~s8360055/hw05_1/applet/

http://ss24.mcu.edu.tw/~s8360055/hw_05_3/applet/

















http://ss24.mcu.edu.tw/~s8360055/hw05_2/applet/

今天學到了translate和rotate函數利用這個畫出電風扇

加上上次學到的frameRateg就可使它旋轉。再來作母雞

抓小雞，那個其實不難寫，最後一個我覺得是最漂亮的

。

hw06

hw04

http://ss24.mcu.edu.tw/~s8360055/hw__04/applet/

這次把上次作業做了延伸，利用了text這個參數，

把上次小畫家做得更精緻了，多加了擦布清除以及

存檔的功能，還有存檔所需要用的saveFrame，沒

想到只是改了一些東西就多了這些功能，有種神奇

的感覺。

hw03-1

http://ss24.mcu.edu.tw/~s8360055/hw03__1/applet/

http://ss24.mcu.edu.tw/~s8360055/hw03__2/applet/

這星期學到眼睛的轉動使用mouseX和mouseY的應用和基本小畫家設計出5種顏色

五種大小並且搭配mousePressed,mouseButton,pmouseX,pmouseY這些使用就可以

完成簡單的小畫家,下禮拜要加進階版的小畫家更令人期待了!!越來越覺得討論是一

件很重要的事,藉由討論可以從中得取不同的資訊有時候還會突然就明白要怎麼寫。

HW02

hw02-01














http://ss24.mcu.edu.tw/~s8360055/hw_02_2/applet











hw02-02




























http://ss24.mcu.edu.tw/~s8360055/hw_02_1/applet/














hw02-03



























http://ss24.mcu.edu.tw/~s8360055/hw02_3/applet/



這次學到如何畫出100個不同大小不同顏色的rect
，使用for來做迴圈，還有random、frameRate、
draw這些參數的用法以及用x,y利用圓心點來畫出
重疊圓圈，今天上課學到不少新的東西，覺得這個
程式越來越有趣。

hw01

原圖

小畫家

程式碼

程式碼

size(600,449);

background(228,228,228);

strokeWeight(3);

fill(142,11,17);

rect(82,44,12,12);

strokeWeight(3);

fill(47,30,117);

rect(145,73,48,13);

strokeWeight(3);

fill(142,11,17);

rect(145,86,48,13);

stroke(230,230,230);

strokeWeight(4);

fill(51,0,51);

rect(118,136,10,20);

stroke(230,230,230);

strokeWeight(4);

fill(51,0,51);

rect(128,136,10,20);

stroke(0,0,0);

strokeWeight(3);

fill(142,11,17);

rect(212,103,25,24);

stroke(230,230,230);

strokeWeight(3);

fill(47,30,117);

rect(58,238,10,10);

stroke(230,230,230);

strokeWeight(3);

fill(47,30,117);

rect(69,238,10,11);

stroke(230,230,230);

strokeWeight(3);

fill(47,30,117);

rect(80,238,10,11);

stroke(11,52,98);

rect(124,268,185,8);

stroke(0,0,0);

strokeWeight(3);

rect(124,271,3,71);

stroke(142,11,17);

strokeWeight(3);

rect(111,352,30,1);

stroke(0,0,0);

strokeWeight(3);

fill(0,0,0);

rect(306,271,3,71);

stroke(142,11,17);

strokeWeight(3);

rect(276,352,53,1);

stroke(142,11,17);

fill(142,11,17);

rect(225,152,62,13);

stroke(142,11,17);

rect(225,154,1,148);

stroke(142,11,17);

rect(286,152,1,148);

stroke(0,0,0);

rect(210,302,27,1);

stroke(0,0,0);

rect(275,302,16,1);

stroke(51,0,51);

fill(51,0,51);

rect(264,217,33,5);

stroke(51,0,51);

rect(264,217,1,169);

stroke(51,0,51);

rect(296,217,1,169);

stroke(0,0,0);

rect(256,403,17,1);

stroke(0,0,0);

rect(288,403,17,1);

stroke(0,0,0);

strokeWeight(3);

fill(11,52,98);

ellipse(480,75,90,90);

fill(11,52,98);

rect(428,185,60,1);

stroke(0,0,0);

fill(51,0,51);

triangle(329,137,360,194,389,139);

stroke(0,0,0);

triangle(329,137,359,176,389,139);

noStroke();

fill(228,228,228);

triangle(329,135,359,176,390,135);

stroke(0,0,0);

fill(51,0,51);

triangle(332,98,360,143,391,97);

stroke(0,0,0);

triangle(332,98,361,121,391,97);

noStroke();

fill(228,228,228);

triangle(331,95,361,121,391,95);

fill(0,0,0);

bezier(406,233,410,287,514,287,516,232);

noStroke();

fill(228,228,228);

ellipse(461,236,104,65);

fill(51,0,51);

rect(416,380,90,6);

stroke(0,0,0);

strokeWeight(3);

fill(47,30,117);

ellipse(460,178,32,35);

stroke(0,0,0);

strokeWeight(3);

fill(51,0,51);

triangle(445,186,474,186,464,206);

stroke(142,11,17);

fill(142,11,17);

triangle(461,356,441,214,483,214);

fill(192,192,192);

quad(441,214,444,236,480,236,483,214);

noStroke();

fill(49,73,106);

quad(450,268,456,307,467,307,473,268);

fill(192,192,192);

bezier(450,268,449,274,473,274,474,268);

心得感想:

這次學到了rect,triangle,ellipse,quad的應用

還要運用相加相減把圖形畫出來，一開始完

全不知道怎麼操作這個程式，後來就慢慢從

processing的pdf檔去尋找資料，圖就一個個

的畫出來，畫完之後真的是超開心的。