CPU Visualizer
- 1 Devlogs
- 2 Total hours
An interactive 8-bit CPU architecture simulator
Devlog #1
The base of my CPU visualizer is finally done!
I’m building a virtual CPU that lets you actually see how a processor works, reads code and moves data through its memory.
What I’ve done so far:
-
built the core logic in typescript, I’m using a memory of 256 bytes (2,048 bits) using a Uint8Array(256), I’ve also added an accumulator register and a program counter
-
for the instructions I defined a custom 4-opcode instruction set architecture (LDA, ADD, STA, HLT)
-
a loadable test program that you can step through to watch the CPU work
I made a pretty simple UI for now to visualize it but I’m planning on adding a lot more complexity to it moving forward and also making it more understandable for people who aren’t super familiar with how a CPU works.
I’m planning on creating a fully immersive experience that lets you visually watch data and calculations perform and essentially understand how a computer does basically anything.
Please do let me know if you’ve got any other suggestions or features to add etc :)
