Mengting計圖筆記Week14

主題:

1. 期末作品Q & A

2. Rasterization光柵化(OpenGL、WebGL)

張鈞法老師上課投影片

Rasterization光柵化

將向量圖格式表示的圖像轉換成點陣圖，最基礎的柵格化算法將多邊形表示的三維場景渲染到二維表面。(參考wiki)

繪製三角形

繪製實心三角形

將stroke改成fill

繪製重疊三角形

void setup(){
 size(600,600,P3D);
}
void draw(){
 background(255);
 beginShape(TRIANGLE);
   fill(255,0,0); vertex(100,100,0);
   fill(255,0,255); vertex(100,500,100);
   fill(255,255,0); vertex(500,500,0);
 endShape();
 beginShape(TRIANGLE);
   fill(0,255,0); vertex(500,100,0);
   fill(0,255,255); vertex(500,500,10);
   fill(255,255,0); vertex(100,500,0);
 endShape();
}

3D Mario 程式解說