Claire 的課堂作業 week9

計算機圖學 Computer Graphics

1. 上週Texture 貼圖、詳解
2. 多重貼圖
3. Bump Mapping

Processing 執行 3D

1. 今天要用到一直在課程moodle -----> 上課軟體 ----->  Processing 3 

2. 下載完後解壓縮，就可以看到執行檔了。processing是Lite程式，不需要安裝哦

3. 來看看processing在處理3D時候的效果，以網頁上的範例為例：Link

4. 網頁上方，中間有一個</>可以看到程式碼，把他全選複製起來

5. 貼到Procssing執行的時候，可能會遇到一個問題，出現在random()

6. 他是隨機選出顏色做出凹凸表面的效果，所以可以在括號裡面填入255：random(255)

7. 再執行一次，就可以看到了，和網頁上的有些落差，但大概就是類似這樣的效果，processing也可以做3D!

Processing 搭配基本圖學 - 2D圖形

1. 先介紹Processing開發介面上有很特別的功能，工具＼顏色選擇器，選好顏色後，按複製就可以囉!

2. 可以畫出2D圖形

Processing 搭配基本圖學 - 載入圖片

1. 先在網路上下載一張喜歡的圖，存好檔名

2. 把圖片檔案拖曳到開發工具中，可以看到下面出現一行訊息「將一個文件添加到速寫本」

3. 就可以把圖片加到專案中，執行可以看到，類似之前介紹過學姐的程式碼哦!

Processing 搭配基本圖學 - 加入滑鼠事件

可以呈現這樣的效果，去嚇嚇其他同學吧!