Code Monkey home page Code Monkey logo

nests's Introduction

NesTs Nintendo Entertainment System (NES) Emulator

License: GPL v3

   

Summary

You can play online demo HERE. TypeScript/React.js NES emulator implementation for My Own Learning Porpose. The implementation is NOT fully faithfull to the original NES hardware and some codes are still messy.

Getting Started

  1. Run the following command in the project root directory to install dependencies:
 $ npm install && npm run build
  1. After the installation, you can start the server by the following command in the project root directory:
$ npm start

Running Development Server

  1. If you want to run the development server, simply run the following command in the project root directory:
 $ npm run dev
  1. Open http://localhost:3000 with your browser to see the result.

Key-Mappings

NES Button Keyboard
→ Arrow-Right
↓ Arrow-Down
← Arrow-Left
↑ Arrow-Up
SELECT Space
START Return
A X
B Z

Roadmap

The following is a checklist of features and their progress:

  • Console
    • NTSC
  • CPU
    • Official Instructions
    • Unofficial Instructions
    • Interrupts
  • PPU
    • VRAM
    • Background
    • Sprites
    • NTSC TV Artifact Effects
    • Emphasize RGB/Grayscale
  • APU
    • AudioWorklet
    • Pulse Channels
    • Triangle Channels
    • Noise Channels
    • Delta Mulation Channel
  • Inputs
  • Memory
  • Cartridge
    • Battery-backed Save RAM
    • iNES Format
    • NES 2.0 Format
    • Mappers
      • NROM (Mapper 0)
      • SxROM/MMC1 (Mapper 1)
      • UxROM (Mapper 2)
      • CNROM (Mapper 3)
      • TxROM/MMC3 (Mapper 4)
      • ExROM/MMC5 (Mapper 5)
  • Misc
    • Reimplement UI/UX for smartphone users
    • GitHub page
    • Unit/Integration tests
    • Refactor Source Codes
    • Error Handling
    • Documentation
    • Make Things Responsive

nests's People

Contributors

dependabot[bot] avatar ognis1205 avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar

Forkers

cjke trendingtechnology alex-is-gonzalez nighthack36 rahmatagungj thealtaran shivam-netweb alexcode-cc abdallaamin sgham timkieu

nests's Issues

Error installing

Thanks for the wonderful typed react NES emulator :)

I'm having trouble installing. I get the error:

``
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @material-ui/[email protected]
npm ERR! Found: @types/[email protected]
npm ERR! node_modules/@types/react
npm ERR! dev @types/react@"^18.0.6" from the root project
npm ERR! peerOptional @types/react@"*" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/types
npm ERR! @material-ui/types@"5.1.0" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/core
npm ERR! @material-ui/core@"^4.12.3" from the root project
npm ERR! 1 more (@material-ui/icons)
npm ERR! @material-ui/types@"5.1.0" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/core/node_modules/@material-ui/styles
npm ERR! @material-ui/styles@"^4.11.4" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/core
npm ERR! @material-ui/core@"^4.12.3" from the root project
npm ERR! 1 more (@material-ui/icons)
npm ERR! 2 more (@types/react-dom, @types/react-transition-group)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional @types/react@"^16.8.6 || ^17.0.0" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/core
npm ERR! @material-ui/core@"^4.12.3" from the root project
npm ERR! peer @material-ui/core@"^4.0.0" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/icons
npm ERR! @material-ui/icons@"^4.11.2" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @types/[email protected]
npm ERR! node_modules/@types/react
npm ERR! peerOptional @types/react@"^16.8.6 || ^17.0.0" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/core
npm ERR! @material-ui/core@"^4.12.3" from the root project
npm ERR! peer @material-ui/core@"^4.0.0" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/icons
npm ERR! @material-ui/icons@"^4.11.2" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! /Users/booradley/.npm/_logs/2023-09-20T13_38_03_767Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/booradley/.npm/_logs/2023-09-20T13_38_03_767Z-debug-0.log
``

Any idea why?

[Suggestion] Two Support

Great work on the emulator implementation, it would be great if there could be 2 player support.

Why add to the react hype train

The meat of this implementation is not in react right, so why does it get top billing? I guess it brings more attention to the project than it might otherwise receive but I think this trend should be resisted. Otherwise good work but seems like surfacing nes.ts and its interactions with the canvas would be more illuminating.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.