2019 spring WIP

Transcript

1. Emscriptenを用いたx86エミュレータの ブラウザへの移植 Arch B1 sksat
2. 背景 ・過去にx86エミュレータを作っていた ・WebAssemblyがアツい 2
3. WebAssemblyとは 3 ・ブラウザ上で走るアセンブリ風(？)言語 ・JavaScriptを置換するわけではない ・大してWebでもAssemblyでもない ・ブラウザ上で高速に計算できる ・LLVM 8.0で正式サポート(2019/03/20)
4. 自作エミュレータ ・高２の時に作ったもの ・https://github.com/sk2sat/emu で公開 ・ターゲットはx86 ・コンピュータの動作原理を知りたい ・はりぼてOS(教育用の小さなOS)が動く ・マルチプラットフォームで動く → ブラウザでも動いたら楽しい！ ←今回のモチベーション 4
5. 先行事例 ・JSLinux ・v86 5
6. Emscriptenとは 6 ・asm.js, WebAssemblyへのコンパイラツールチェーン ・C/C++をブラウザ向けにコンパイルできる(！？)
7. Emscriptenとは(2) 7
8. とりあえずやってみる make CC=emcc CXX=emcc ・これだけではうまくいかない ・なぜ？→ファイル読み込みと画面描画ができない 8
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 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 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
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. なぜできなかったのか？ ・WebAssemblyでのpthreadがまだproposalだった 14 ・glDrawPixels()が使えなかった glDrawPixels()はOpenGL ES 2.0で削除 WebGLはOpenGL ES 2.0相当
15. やったこと ・threadが無いなら定期的に描画してしまえばいいじゃない →main()が終了するまでDOMへの操作が反映されない emscripten_sleep()を入れるとそこで更新してくれるらしい →コンパイラが落ちる 15
16. やったこと(2) ・glDrawPixels()が使えないなら... 元々RGBを１つの関数で表示したかったがためにOpenGLを使っていた シェーダなんもわからん そもそもemscripten_sleep()が使えないから実行中の描画ができない 16
17. やったこと(3) ・実行中の描画はあきらめた とりあえず終了時の画面が描画できればいい ・RGBを描画する関数が無いならcanvasに直描きすればいいじゃない 17
18. デモ 18 https://sk2sat.github.io/emu/demo/emu.html
19. 今後 ・新規にx86エミュレータを作りたい https://github.com/sk2sat/eucerca ・キーボード/マウスのエミュレーション ・メモリ保護機能 ・FPGAで自作CPU 19
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