Name: Build a Chip-8 Emulator in JavaScript that runs on a browser
Rating: 4.2 (33 reviews)

Udemy Business

Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Created byIcaro Lavrador

Last updated 3/2021

English

What you'll learn

How a emulator works and how to create one
How microprocessor works and how to emulate them
Understand how machines work
Understand how devices talk wich it other
How to emulate actual hardware such as memory, display, microprocessor, sound card and keyboard

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

Course content

24 sections • 90 lectures • 6h 48m total length

Understand what Chip-8 is and the challenges we will face2:53
In this lesson, we'll learn more about the Chip-8 and all the challenges it may occur during the course.

Connecting the display to the HTML3:55
In this lesson we will learn how to connect our HTML canvas to our Display class
Creating a multiplier to make our Display larger2:05
In this lesson, we will learn how we can scale our display from 64x32 to 640x320
Creating our screen and our screen buffer3:38
In this lesson, we will learn how we can draw the screen shape and set the background and foreground color of our pixels
Drawing our Frame Buffer on the screen7:32
In this lesson, we will learn how we can get the binary representation of our screen from our buffer and actually draw the pixels on the canvas.

Creating the Registers12:25
In this lesson we will create the Chip-8 Registers:
V0-VF - 16 general-purpose 8-bit registers
I - 6-bit register generally used for memory address
ST - Sound Timer an 8-Bit register used to generate beeps
DT - Delay Timer an 8-Bit register used to generate delays
PC - Program counter, points to the memory with the next opcode to be executed in RAM
Adding and removing values from Stack using Push and Pop5:01
In this lesson we will continue creating the Chip-8 Registers, in special the stack, used to store the address that the interpreter should return to when finished with a subroutine
Stack - The stack is a 16-bit array that can hold up to 16 values
SP - Points to the last value added to the stack
Checking for Stack Overflow and Stack Underflow errors4:51
In this lesson, we will understand when and how the stack overflow or stack underflow can happen and how to be prepared for it.

Requirements

Medium to advance knowledge in JavaScript
Some understand about Binary number
Some understand about Hexadecimal numbers
Some knowledge in how microprocessor works is an advantage but not required

Description

Did you ever wonder how video games work? What goes inside that little box when you press the power button? How do that tiny silicon chips talk with each other to create the amazing graphics we see on the screen and respond to each press we make on the controllers?

If you want to not only have a complete understanding of how the microprocessor talks to the memory, display, keyboard, and sound card, but also what happens inside with all the registers, so that is the course for you.

In this advanced course, you will learn how to create your very own emulator for the Chip-8 in the JavaScript that runs in any browser, so you can add it to your portfolio page and mesmerize job interviews with all your new knowledge.

The Chip-8 is a virtual machine from the mid-1970s designed to make game development easier. There are a number of classic video games ported to CHIP-8, such as Pong, Space Invaders, Tetris, and Pac-Man. There are also applications like a random maze generator and Conway's Game of Life.

This course is ideal for anyone who has programming experience and always dreamed of creating their own emulator one day, or would love to create an emulator but just does not know where to start. Even someone who has attempted to create an emulator in the past and fail can greatly benefit from this course.

In this course, we will create new classes in JavaScript for each piece of hardware, to emulate the memory, the display, the sound card, and the keyboard, after that, we will jump into the so expect Chip-8, we will first implement its registers and then we will implement each of its 35 opcodes

After you complete this course you will have a fully functioning Chip-8 emulator that is capable to run hundreds of rooms available freely on the internet.

Who this course is for:

People that want a have an awesome project on they portfolio
People interest in create an emulator or have always dreamed on create an emulator
People interested in how hardware works
People interested in low level details of hardware

What you'll learn

Explore related topics

Coding Exercises

Course content

Understanding what is Chip-81 lecture • 3min

Starting our journey creating our Chip-8 microprocessor1 lecture • 2min

Creating our Chip-8 Display1 lecture • 4min

Creating the support code (Webpack) and servers (Live Server)2 lectures • 11min

Connecting the Display to the HTML and Scaling up the resolution4 lectures • 17min

Creating our Chip-8 Memory1 lecture • 11min

Creating our Chip-8 Registers3 lectures • 22min

Creating our Chip-8 Keyboard5 lectures • 25min

Create our Chip-8 charset sprites from 0-F and loading into memory2 lectures • 11min

Drawing sprites in the display2 lectures • 19min

Requirements

Description

Who this course is for: