Learn about CPUs and Assembly on an interactive Playground in the Browser

on YouTube ↗27m

" summary

A browser playground called Vigilator visualizes a working x86 CPU emulator with registers, flags and stepping, plus a Capstone-based disassembler; opcodes on the left, animated register and flag changes on the right. Tests come from running binaries in a Linux VM and extracting step-by-step traces with gdb assembly informant, producing JSON that the emulator verifies — about 27,000 tests claimed — so behavior is compared against a real CPU rather than guessed.

AI-written summary · about

" chapters (5)

1. 0:00Intro
2. 0:51Why should you know assembly
3. 6:00How Thorsten learned assembly
4. 10:45How the CPU works
5. 12:47Demonstration

" related talks

• 45mFreaking computers, how do they work?Michal Luziak · NDC Oslo 2018
• 45mEmulating a 6502 System in JavaScriptMatt Godbolt · GOTO Chicago 2016
• 22mVirtual Machines, JavaScript and AssemblerScott Hanselman · Velocity Conference Santa Clara 2014
• 26mVirtual Machines, JavaScript and AssemblerScott Hanselman · Fluent 2014
• 25mJavaScript engines how do they even?Franziska Hinkelmann · JSConf EU 2017
• 11mJavaScript Visualized: A Script's LifeLydia Hallie · Reactathon 2020
• 32mMaking an Emulator in JavaScript?Sara Vieira · DevFest Nantes 2025
• 27mWriting an emulator in JavaScript?Sara Vieira · Nordic.js 2025