Crtanje linija i trokuta

Vaš preglednik ne podržava HTML5 canvas.

U primjeru je definirano 6 vrhova i pohranjeni su u odgovarajući spremnik za crtanje.
Pozivom metode gl.drawArrays s opcijom gl.LINES spojene su dva po dva vrha.

1. Zamijenite opciju gl.LINES s opcijom gl.LINE_STRIP. Uočite što se dogodilo.
2. Zamijenite opciju gl.LINE_STRIP s opcijom gl.TRIANGLES. Uočite što se dogodilo.
3. Zamijenite opciju gl.TRIANGLES s opcijom gl.TRIANGLE_FAN i potom promijenite koordinate posljednjeg vrha tako dobijete kvadrat.
4. Intervencijom u fragment shaderu promijenite boju kvadrata u crvenu.
5. Zamijenite opciju gl.TRIANGLE_FAN s opcijom gl.TRIANGLES i potom promijenite koordinatu samo jednog vrha da biste ponovo dobili kvadrat.
6. Zamijenite opciju gl.TRIANGLES s opcijom gl.LINES i dodajte još dva vrha tako da dobijete leptir mašnu.
7. Zamijenite opciju gl.LINES s opcijom gl.POINTS.
8. U verteks shaderu ekperimentirajte s veličinom točaka pomoću ugrađene varijable gl_PointSize.
9. Proučite parametre u metodi gl.viewport.