Skip to content
Back to college projects
Graphics algorithmsLive demo

Bresenham line rasterizer

A line-drawing exercise turned into a pixel-grid visualizer that shows how integer stepping builds a segment.

Original implementation

The original coursework compared line drawing approaches and implemented Bresenham to mark discrete points efficiently.

Web adaptation

The browser version renders a bounded grid, clamps coordinates, and visualizes the exact sequence of plotted points.

Why it matters

Useful bridge between classic graphics coursework and the later OpenGL or WebGL material where raster thinking still matters.

Original stack

  • Java
  • C#

Web stack

  • TypeScript
  • React
  • DOM grid

Original to web

Direct TypeScript translation of the original logic.

Archive

College archive

Interactive demo

These demos do not execute uploaded source files, native binaries, or arbitrary user code. Inputs are bounded and the browser versions are first-party rewrites in TypeScript.