Why Software Video Stabilization Fails on Long-Term Timelapses (And How We Solved It in the Viewfinder)

Appynox — Mon, 17 Aug 2026 12:11:55 +0000

If you have ever tried creating a 12-week gym progress video, a year-long daily selfie time-lapse, or a seedling-to-bloom reel, you know the frustration: you take 90 photos, drop them into a video editor with digital stabilization, and the resulting video looks warped and jittery.

Here is why post-capture software stabilization fails for long-term progress photos, and how an optical ghost overlay approach solves it.

1. The Physics of Perspective & Parallax

Digital post-capture stabilization works by detecting high-contrast feature points across consecutive frames, calculating an affine or homography transformation matrix, and translating/rotating the image to align those points.

This works brilliantly for 60fps continuous video because camera movement between frames is tiny (fractions of a millimeter).

However, in multi-month progress photography:

Lens Distance Drift: Standing 1.8m away in Week 1 vs 2.1m away in Week 4 changes the apparent size of the subject.
Perspective Parallax: If your camera is tilted 3° upward on Day 10 and 2° downward on Day 20, the relative distance between background objects and foreground facial landmarks shifts geometrically.
The Crop Penalty: Post-stabilization must crop the overlapping convex hull of all frames, losing up to 30% of the image resolution.

No 2D affine transform can undo 3D optical parallax after the photo has already been taken.

2. Solving Framing Before the Shutter Fires

To eliminate perspective distortion, the alignment must happen inside the live viewfinder before the sensor exposes the frame.

We built SameShot, an offline-first camera application and browser utility suite that projects your previous photo as a semi-transparent ghost overlay directly in the live camera feed:

Draggable Opacity Slider: Users adjust the ghost layer (0–100%) to match their subject against the prior frame.
On-Device ML Auto-Capture: Using local Google ML Kit pose and face landmark detection, the shutter fires hands-free the millisecond the subject hits alignment thresholds.
Zero Network Calls: The entire pipeline runs locally in browser memory and on-device without sending any image data to a cloud backend.

3. Building a Client-Side Difference Map in Vanilla JS

To help users inspect whether two photos match in geometry and lighting, we built a zero-server Photo Alignment Checker using the HTML5 Canvas 2D API:


javascript
// Local Difference Blend Mode via Canvas
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');

canvas.width = baseImage.width;
canvas.height = baseImage.height;

// Draw baseline photo
ctx.drawImage(baseImage, 0, 0);

// Set difference composite operation and draw new photo
ctx.globalCompositeOperation = 'difference';
ctx.drawImage(comparisonImage, 0, 0);

// Invert to highlight drift: identical pixels become pure white
ctx.globalCompositeOperation = 'difference';
ctx.fillStyle = 'white';
ctx.fillRect(0, 0, canvas.width, canvas.height);

Building a 403-Function Casio fx-991ES PLUS Scientific Calculator in Pure JavaScript & PWA

Appynox — Fri, 14 Aug 2026 10:06:34 +0000

If you have ever taken high school or university physics, engineering, or calculus, you have almost certainly held a Casio fx-991ES PLUS scientific calculator. Its two-line Natural Textbook Display (V.P.A.M.), multi-mode engine, and tactile layout have made it a staple in classrooms and exam halls worldwide.

However, most online "scientific" calculators available today are deceptively basic. They give you standard arithmetic, basic trigonometry, and logarithms, but fall completely flat when you need:

Numerical definite integration and derivatives
$3 \times 3$ Matrix determinants and inversions
Complex number arithmetic in polar ($r\angle\theta$) and rectangular ($a+bi$) forms
Statistical regressions (linear, quadratic, exponential, logarithmic)
Base-N conversions with bitwise logic (BIN, OCT, DEC, HEX)
Polynomial & simultaneous linear equation solvers

To bridge this gap without paywalls or forced app installs, we built WideMath Scientific Calculator Online—a full-featured, zero-dependency browser recreation of the fx-991ES PLUS workflow that runs entirely on client-side web standards.

🛠️ Architecture & Engineering Highlights

1. Two-Dimensional Natural Textbook Display

A core challenge of recreating the fx-991ES PLUS is rendering mathematical expressions naturally: fractions stacked vertically, arbitrary $n$-th roots with indices, and definite integrals with upper and lower limit boxes.

Rather than pulling in heavy external math rendering dependencies that inflate load times, WideMath uses a modular HTML/CSS layout engine paired with math.js for safe tokenization and evaluation without eval().

2. Multi-Mode State Machine

The calculator operates across 10 discrete calculation modes:

COMP: General scientific calculations with automatic bracket completion
CMPLX: Rectangular ($a+bi$) and polar ($r\angle\theta$) calculations
STAT: 1-variable and 2-variable regression analysis
BASE-N: Integer conversions with AND, OR, XOR, XNOR, and NOT bitwise operators
EQN: 2-to-3 variable linear systems, quadratics ($ax^2+bx+c=0$), and cubics
MATRIX: Matrix storage ($A, B, C$) with determinants, transpositions, and matrix inversion
VECTOR: Vector storage and dot/cross product calculations
TABLE: Function value tables across customizable ranges and step intervals

3. Shift / Alpha Key Modifiers with Dynamic Illumination

To preserve the intuitive hardware feeling, pressing the SHIFT (yellow) or ALPHA (red) key dynamically dims unavailable buttons and illuminates only the keys that have corresponding functions in that mode.

4. Zero-Install Progressive Web App (PWA)

By implementing a standalone manifest.json and service worker caching strategy, the entire calculator can be added to any smartphone or desktop home screen and operated completely offline.

🚀 Try It Live

You can test and use the calculator for free with zero sign-up required:
👉 Launch WideMath Scientific Calculator

Let us know what mathematical features or modes you'd like to see next!

DEV Community: Appynox