← All projects

Pixelshade

A React + TypeScript canvas tool for real-time lighting and shading effects on images.

2025shippedTypeScript
TypeScriptReactCanvas

Pixelshade is a browser-based canvas tool for applying real-time lighting and shading effects to images. You place light sources, adjust intensity, falloff, and ambient settings, and the canvas re-renders instantly. Built with React and TypeScript, all rendering done client-side with the Canvas API.

Highlights

  • Real-time relighting: place and adjust light sources interactively
  • Controls for intensity, falloff, and ambient light
  • Fully client-side rendering via the Canvas API
  • React + TypeScript

Links

Other projects

  • Ain — A general-purpose programming language designed for AI-generated code
  • Freepedia — A verifiable knowledge, community-run encyclopedia
  • [untitled courtroom game] — A short detective/courtroom game in the Ace Attorney tradition, built in Godot.
  • CYAN — RSI AI
  • Winsight — A cross-platform time tracker