Tuning Retro Video Archives for Display on the Modern Web using WebGL in React

React Summit

I am attending the biggest #Reactjs conference remotely. You may get a limited free ticket (50% of talks, no workshops) and join me by clicking this badge.

#react #reactjs

React Summit 2023

Travis McGeehan

React Summit 2025

TiKevin83 details how he used next.js and webassembly (WASM) to port a speedrun-accurate Game Boy emulator onto the web. Topics include using emscripten to compile a C library into a WASM module, interfacing with a WASM module from a Next.js site, video and audio playback onto the canvas and audio APIs from a WASM module, and nuances of web control schemes especially in implementing multi-touch input.

T3Boy: Making Accurate Game Boy Emulation Accessible with Next.js and WASM

- Background on why retro video archives need custom scaling
- Implementing a WebGL video player canvas in React with custom hooks
- Bundling WebGL shaders from separate files for GLSL syntax highlighting
- Live Demonstration of applications for footage from retro video game consoles, VHS tapes, etc