Preserving and Delivering Retro Game Footage for Modern Viewers with JS and WebGL
summary
Provides a concrete pipeline: capture at original console resolution (256×240 with 4:3 display correction), encode lossless 4:4:4 (AV1 preferred), and render in-browser with a WebGL area effect upscaler ported from OBS to avoid bilinear blur. Implements an npm component (TI783 React-RGB-Scaler) and a demo at rgbscaler.com, handles devicePixelRatio, requestAnimationFrame, and shader-based CRT slot-mask + scanlines. Atari test files stream ~108–119 kb/s; N64 footage is ~5–10 Mbps; the player works in Chrome desktop, Android and Firefox with caveats around H.264 support.
AI-written summary · about
chapters (5)
- 0:00Start
- 7:59Scaling Algorithms on Modern Displays
- 18:17Essentials of the Shader
- 23:08Breakdown - 2D Dragster Source
- 24:09Compression Efficiency Takeaways
related talks
19mStreaming Video on 80's Gaming Hardware
10mVideo vectorization
31mSplit Rendering TV Applications Using WASM
43mUsing a modern web to recreate 1980S horribly slow and loud loading screens
49mRendering without lumpy bits
30mUsing a modern web to recreate 1980s horribly slow & loud loading screens
33mCoding Art
47mGetting Serious with Web Video