# np2-wasm English | [日本語](README_ja.md) This is a PC-9801 / PC-9821 emulator based on [Neko Project II](http://www.yui.ne.jp/np2/) that runs in a web browser. ## Demo https://irori.github.io/np2-wasm/ ## Custom Element API `elements.js` defines two custom elements, `` and ``. ### Example The following example embeds a PC-9801 emulator with a CPU clock of 12.5MHz and 2MB of memory into the page, and boots it with `image.d88` set in floppy disk drive 1. ```html ``` ### Attributes #### `cpu-clock` Specifies the CPU clock frequency in MHz. You can specify it as `12.5MHz` or `12.5`, both mean the same. #### `memory` Specifies the memory size in MB. You can specify it as `2MB` or `2`, both mean the same. #### `fdd1`, `fdd2` Specifies the URL of the disk image to be set in the floppy disk drive. Due to the [same-origin policy](https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy), disk images from other sites cannot be loaded. #### `hdd1`, `hdd2` Specifies the URL of the disk image to be set in the hard disk drive. Due to the [same-origin policy](https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy), disk images from other sites cannot be loaded. #### `no-mouse` Disables the mouse and prevents pointer lock when clicked on the emulator screen. ## JavaScript API ### Example example.html: ```html

``` example.js: ```js import { NP2, NP21 } from "https://unpkg.com/np2-wasm/dist/np2-wasm.js"; // Create an NP2 instance specifying a canvas const canvas = document.getElementById('canvas'); // Change this to NP21.create() if i386 emulation is needed const np2 = await NP2.create({ canvas }); // Load a floppy disk image const resp = await fetch('image.d88'); const data = new Uint8Array(await resp.arrayBuffer()); np2.addDiskImage('image.d88', data); // Set the disk image to FD drive 0 np2.setFdd(0, 'image.d88'); // Run the emulator np2.run(); ``` ### Reference #### NP2.create(config: NP2Config): Promise\ Creates a new instance of `NP2`. `config` is an object that has the following attributes: ##### canvas: HTMLCanvasElement The `