CanvasGL
Triangle rasterisation with barycentric interpolation in HTML Canvas.
- My role
- Implementing computer graphics concepts from scratch.
- Technologies
- JavaScript / HTML Canvas
Context
Understand rasterisation not as an API, but as an algorithm working pixel by pixel.
The project
A demo that generates points, creates a triangle and fills it using barycentric interpolation.
My contribution
Independent implementation of the algorithm and Canvas visualisation.
Approach
The logic generates geometry, determines the triangle area and computes colour through barycentric coordinates.
Challenges
- Thinking in pixels and coordinate systems.
- Interpolating values inside geometry.