I built a photo and video editor that shows the maths behind every effect

Description and use

A browser‑based photo and video editor that displays the underlying math and quality metrics, using linear light, Lanczos‑3 resizing, and WebCodecs for frame‑accurate export.

Problem

Most editing apps hide the underlying math, making it hard for beginners to understand why an edit looks a certain way.

Outcome

The editor provides transparent, math‑based editing, accurate color handling, high‑quality resizing, and lossless video export, enabling users to understand and control image processing.

Workflow

• Open the editor in a browser. Select a layer. Open the Check tab to view the equations and quality metrics. Adjust sliders; the editor recalculates in linear light. Export the image or video using the built‑in exporter. Review export error metrics if needed.

Evidence

Most editing apps give you a slider and hide what it does. I wanted one that shows the formula, so a beginner can see why an edit looks the way it does.

Source

Your files stay on your device.

Source

It shows the equations behind the look, for example how contrast works on linear light, or how a vignette fades toward the corners.

Source

Lanczos‑3 filter, again in linear light, instead of the browser's default.

Source

The video exporter uses WebCodecs. It seeks each video to the exact time, draws the frame, encodes it, and writes the file, so no frames are dropped.

Source

In my tests the numbers came out around 47 to 52 dB, which means the two look the same.

Source