---
title: SDF-2D
description: A browser 2D ray-tracer tuned for the phone in your pocket. Tile-based passes, deferred shading, shaders generated per scene and device.
thumbnail:
  src: ./_assets/sdf2d.jpg
  alt: SDF-2D browser demo with soft lighting effects.
period: 'Autumn-Winter 2020'
sortDate: 2020-12-01
technologies: ['TypeScript', 'WebGL', 'WebGL2', 'Signed distance fields']
selected: true
essay: sdf-2d-ray-tracing
links:
  - label: NPM package
    url: https://www.npmjs.com/package/sdf-2d
  - label: Video
    url: https://www.youtube.com/watch?v=K3cEtnZUNR0
  - label: BSc thesis
    url: /media/downloads/sdf2d-andras-schmelczer.pdf
    download: true
---
