2019 spring WIP

Transcript

1. 1.

   Emscriptenを用いたx86エミュレータの ブラウザへの移植 Arch B1 sksat

2. 2.

   背景 ・過去にx86エミュレータを作っていた ・WebAssemblyがアツい 2

3. 3.

   WebAssemblyとは 3 ・ブラウザ上で走るアセンブリ風(？)言語 ・JavaScriptを置換するわけではない ・大してWebでもAssemblyでもない ・ブラウザ上で高速に計算できる ・LLVM 8.0で正式サポート(2019/03/20)

4. 4.

   自作エミュレータ ・高２の時に作ったもの ・https://github.com/sk2sat/emu で公開 ・ターゲットはx86 ・コンピュータの動作原理を知りたい ・はりぼてOS(教育用の小さなOS)が動く ・マルチプラットフォームで動く → ブラウザでも動いたら楽しい！

   ←今回のモチベーション 4
5. 5.

   先行事例 ・JSLinux ・v86 5

6. 6.

   Emscriptenとは 6 ・asm.js, WebAssemblyへのコンパイラツールチェーン ・C/C++をブラウザ向けにコンパイルできる(！？)

7. 7.

   Emscriptenとは(2) 7

8. 8.

   とりあえずやってみる make CC=emcc CXX=emcc ・これだけではうまくいかない ・なぜ？→ファイル読み込みと画面描画ができない 8

9. 9.

   エミュレータの構造 9 CPU G U I V G A G

   L F W memory glDrawPixels fetch, read set palette read VRAM O S s t d li b flo pp y B I O S write int 0x13 read disk load “haribote.img” fread
10. 10.

    ブラウザ上では... 10 CPU G U I V G A G

    L F W memory glDrawPixels fetch, read set palette read VRAM O S s t d li b flo pp y B I O S write int 0x13 read disk load “haribote.img” fread
11. 11.

    今回やろうとしたこと 11 CPU G U I V G A G

    L F W memory glDrawPixels fetch, read set palette read VRAM O S s t d li b flo pp y B I O S write int 0x13 read disk load “haribote.img” fread
12. 12.

    進捗どうですか？ できませんでした... 12

13. 13.

    進捗 13 CPU G U I V G A G

    L F W memory glDrawPixels fetch, read set palette read VRAM O S s t d li b flo pp y B I O S write int 0x13 read disk load “haribote.img” fread できた なんもわからん
14. 14.

    なぜできなかったのか？ ・WebAssemblyでのpthreadがまだproposalだった 14 ・glDrawPixels()が使えなかった glDrawPixels()はOpenGL ES 2.0で削除 WebGLはOpenGL ES 2.0相当

15. 15.

    やったこと ・threadが無いなら定期的に描画してしまえばいいじゃない →main()が終了するまでDOMへの操作が反映されない emscripten_sleep()を入れるとそこで更新してくれるらしい →コンパイラが落ちる 15

16. 16.

    やったこと(2) ・glDrawPixels()が使えないなら... 元々RGBを１つの関数で表示したかったがためにOpenGLを使っていた シェーダなんもわからん そもそもemscripten_sleep()が使えないから実行中の描画ができない 16

17. 17.

    やったこと(3) ・実行中の描画はあきらめた とりあえず終了時の画面が描画できればいい ・RGBを描画する関数が無いならcanvasに直描きすればいいじゃない 17

18. 18.

    デモ 18 https://sk2sat.github.io/emu/demo/emu.html

19. 19.

    今後 ・新規にx86エミュレータを作りたい https://github.com/sk2sat/eucerca ・キーボード/マウスのエミュレーション ・メモリ保護機能 ・FPGAで自作CPU 19

20. 20.

    エミュレータの構造 20 CPU G U I V G A G

    L F W memory glDrawPixels fetch, read set palette read VRAM O S s t d l i b f l op p y B I O S write int 0x13 read disk load “haribote.img” fread