← FreeChipStore

GPU Pipeline Visualizer

Draw a triangle, then watch it transform through each GPU rendering stage

Vertices
Vertex Shader
Rasterizer
Fragment Shader
Framebuffer

Vertex Transform

Fragment Shader

Controls

Click on the top canvas to place 3 vertices for your triangle.

Pipeline stages:
1. Vertices: raw input positions
2. Vertex Shader: transform (rotate/scale/translate)
3. Rasterizer: find pixels inside triangle
4. Fragment Shader: color each pixel
5. Framebuffer: final output