Skip to content
All work

Graphics / algorithms2025

CanvasGL

Triangle rasterisation with barycentric interpolation in HTML Canvas.

Author and developer: Dawid Bartczak

My role
Implementing computer graphics concepts from scratch.
Technologies
JavaScript / HTML Canvas
Graphics / algorithms
CanvasGL
Graphics / algorithms

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.