# np2-wasm [English](README.md) | 日本語 Webブラウザで動く[Neko Project II](http://www.yui.ne.jp/np2/)ベースのPC-9801 / PC-9821エミュレータです。 ## デモ https://irori.github.io/np2-wasm/ ## カスタム要素 API `elements.js` を読み込むことで、カスタム要素 `` と `` が使用できるようになります。 ### 使用例以下の例は、CPUクロック12.5MHz、メモリ2MBのPC-9801エミュレータをページに埋め込み、フロッピーディスクドライブ1に `image.d88` をセットして起動します。 ```html ``` ### 属性 #### `cpu-clock` CPUのクロック周波数をMHz単位で指定します。`12.5MHz`、`12.5`のように指定でき、どちらも同じ意味です。 #### `memory` メモリの容量をMB単位で指定します。`2MB`、`2`のように指定でき、どちらも同じ意味です。 #### `fdd1`, `fdd2` フロッピーディスクドライブにセットするディスクイメージのURLを指定します。 [同一生成元ポリシー](https://developer.mozilla.org/ja/docs/Web/Security/Same-origin_policy) により、別のサイトからのディスクイメージの読み込みはできません。 #### `hdd1`, `hdd2` ハードディスクドライブにセットするディスクイメージのURLを指定します。 [同一生成元ポリシー](https://developer.mozilla.org/ja/docs/Web/Security/Same-origin_policy) により、別のサイトからのディスクイメージの読み込みはできません。 #### `no-mouse` マウスを無効にし、エミュレータ画面上でクリックしてもポインタロックされないようにします。 ## JavaScript API ### 使用例 example.html: ```html

``` example.js: ```js import { NP2, NP21 } from "https://unpkg.com/np2-wasm/dist/np2-wasm.js"; // canvasを指定してNP2のインスタンスを作成 const canvas = document.getElementById('canvas'); // i386エミュレーションが必要ならここを NP21.create() にする const np2 = await NP2.create({ canvas }); // フロッピーディスクイメージのロード const resp = await fetch('image.d88'); const data = new Uint8Array(await resp.arrayBuffer()); np2.addDiskImage('image.d88', data); // FDドライブ0にディスクイメージをセット np2.setFdd(0, 'image.d88'); // エミュレータを起動 np2.run(); ``` ### リファレンス #### NP2.create(config: NP2Config): Promise\ 新しい `NP2` のインスタンスを作成します。 `config` は以下の要素を持つオブジェクトです。 ##### canvas: HTMLCanvasElement エミュレータの画面を表示する `