HW04

// 小畫家成果圖  //

// 感想：

這次上課的重點是延伸上次的小畫家，延伸學習了存檔 ( Save )、清除全螢幕 ( Clear )、

局部清除 ( Eraser )、線條粗細的選擇項目。

老師要我們在畫面的右半邊，在做出五個選擇框 ( 按鈕 ) ，這五的框框分別代表著不一

樣的功能。接下來，就是要在 Processing 軟件的資料夾中，搜尋 *.vlw 檔 (為文字建立檔)，

一一尋找自己最喜歡的字型，找到最適合的字型大小，並且調整字型在固定的範圍內，

此方式更讓選擇框的外觀及字型美化。

* 這是使用字型的程式碼撰寫

 ( 須將*.vlw 一同放入專案的資料夾內，能避免發生字型無法讀取的錯誤 )

PFont font;

font = loadFont("Courier-12.vlw");

textFont(font); 

fill(0);

text("Save", 460, 30); // 將 Save 字串調整到正確的位置  

└->相對應的程式碼

if(mouseX>450 && mouseX<500 && mouseY>0 && mouseY<50)save("00360035.jpg");

利用上次學到的技巧，滑鼠移動到一定的範圍時，點下滑鼠左鍵，產生儲存的功能，

儲存檔名為00360035，副檔名是 jpg 型式。

*這堂課讓我最感到意外，也是最印象深刻是這段程式碼：

和　┌  font = loadFont("Courier-12.vlw"); 

上　│  textFont(font);                             

方　│  fill(0);

同　└  text("Clear", 460, 80); 

           fill(255); 

           rect(450,100,50,50); 

           noStroke();

原來所謂的清除畫面的 ( Clear )，只是將一個一定大小的白色矩形覆蓋在畫面上，

和我原來以為所想的有很大的出入，之前都以為真的有一個真正清除的功能，原

來自己寫完程式以後，才理解此功能的原理及構想，挺有趣的 !!

* 利用 Point 函數來畫出一個點，建立出一個選擇線條粗細的選擇按鈕

strokeWeight(7); // 設定線條粗細

point(475,175); // 設定點的位置

當所有的功能都設定完成以後，一個屬於自己的小畫家就順利的完成了 ^^ ~