筆記 week 14

(1) 期末作品QA

(2) Rasterization (光柵) - OpenGL
                                       - WebGL




1. triangle (stroke)

size(600,600,P3D);
background(255);

beginShape(TRIANGLE);

stroke(255 , 0 ,0); vertex(300 ,100);
stroke(0 ,255 ,0); vertex(500 ,500);
stroke(0 ,0 ,255); vertex(100 ,500);

endShape();


2. triangle (fill)

size(600,600,P3D);

background(255);

beginShape(TRIANGLE);

fill(255 ,0 ,0); vertex(300 ,100);

fill(0 ,255 ,0); vertex(500 ,500);

fill(0 ,0 ,255); vertex(100 ,500);

endShape();

3. double triangle with z-axis

void setup(){

size(600,600,P3D);

}

void draw(){

background(255);

beginShape(TRIANGLE);

fill(255,0,0); vertex(100 , 100 ,0);

fill(0,255,0); vertex(100 , 500 ,100);

fill(0,0,255); vertex(500 , 500 ,0);

endShape();

beginShape(TRIANGLE);

fill(0,255,0); vertex(500 , 100 ,0);

fill(255,255,0); vertex(500 , 500 ,100);

fill(0,255,255); vertex(100 , 500 ,0);

endShape();

}