bfirsh / jsnes-web

A browser UI for JSNES, a JavaScript NES emulator

Home Page:https://jsnes.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

JSNES Web UI

A React-based web UI for JSNES.

Running in development

$ yarn install
$ yarn start

Building for production

$ yarn build

The built app will be in build/.

Running tests

$ yarn test

Formatting code

All code must conform to Prettier formatting. The test suite won't pass unless it does.

To automatically format all your code, run:

$ yarn run format

Embedding JSNES in your own app

Unfortunately this isn't trivial at the moment. The best way is copy and paste code from this repository into a React app, then use the <Emulator>. Here is a usage example..

A project for potential contributors (hello!): jsnes-web should be reusable and on NPM! It just needs compiling and bundling.

Adding roms

Open src/config.js and add a new key to config.ROMS. For example:

const config = {
  ROMS: {
    // ...
    myrom: {
      name: "My Rom",
      description: <span>This is my own homebrew NES rom</span>,
      url: "http://localhost:3000/roms/myrom/myrom.nes"
    }
  }
}

Then, add the ROM file as public/roms/myrom/myrom.nes. The ROM should now be available to play at http://localhost:3000/run/myrom

About

A browser UI for JSNES, a JavaScript NES emulator

https://jsnes.org

License:Apache License 2.0


Languages

Language:JavaScript 94.5%Language:SCSS 2.3%Language:HTML 2.2%Language:CSS 1.0%