Weiting的計圖第十四週

主題: 期末作品 Q &A
          Rasterization


張鈞法教授投影片網站: http://cg.csie.ntnu.edu.tw/CG/

rasterization 光柵化
把3D的圖壓扁變2D的圖
像是光有柵欄一樣，填滿每一個pixel



p語言實作

 

stroke不會填滿

 

將stroke改成fill就可以填滿

Q. 為甚麼都用三角形討論rasterization？

因為所有多邊形都能由三角形組成，且三角形保證是凸多邊形

深度值(z)

 

圖片一前一後



放大來看，可以看到鋸齒狀 (此圖不清楚)


期末作品

示範3D mario

背景: 看起來像3D
角色: 前後左右移動且可以跳

用QUAD畫出四邊形(用vertex設定座標)

lights()//打光


示範google 小遊戲

先畫出一個立方體

 

用for迴圈畫出更多個立方體

用2維陣列存立方體的位子

directionLight(r, g, b, nx, ny, nz); //打光 lights();
(參考網址: https://processing.org/reference/directionalLight_.html)

animT;//動畫時間