ファミコンを改造？　～キンファミのご神体～

チャオ・アミーゴ！　読んでくれてありがとう。ここではサンチョ石際がキンファミを支える技術について説明します。

ファミコンをkintoneと連携させる

・・・とはいうものの、どのように連携させるのでしょうか？　TeamKFCでは複数の方法を検討しましたので、ご紹介したいと思います。

ファミコンをクラウドシステムと同居させる方法として考案されたものは、次の４つです。

ROMファイルをJavaScriptを利用してkintone上で動かす。
改造カセットを利用してPCと連動するソフトウエアを作成する。
ファミコン自体をミニPCにしてしまい、ゲームパッドの信号を受ける。
PCとゲームパッド自体を改造して直接PCへUSB接続する。

まず、１はnes-js(https://github.com/takahirox/nes-js)を利用して、ROMをJavaScript上で動かすことはできます。でもkintoneのデータをゲームから参照することはできません。また本物のファミコンとも同居が難しいです。

なので、最初の構想から外れました。

３と４については、改造の主体がゲームパッドにあり、可能ならば３が、不可能であれば４という妥協案を採る作戦です。ファミコンのゲームパッド基盤は改造キットがあり、USB接続でPCにゲームパッドとして認識させることができます。

２についてはFC-DEV-100というFC-ROMエミュレータがあり、PCと通信しながら動作をさせることが可能です。実際のプログラムはアセンブラを使用します。

３，４，２と技術を確認した結果、２については開発量が多すぎるので、スケジュールを鑑み３，４を採用しました。３，４であれば既存技術を応用できる点も大きかったです。

kinfamiのファミコン筐体

kinfamiのファミコン筐体（外装の部分）は本物のファミコンです。兵庫県のゲームショップで980円で売られているところを購入してきました。やはり本物の存在感にはかなわないので、もしやるなら最初から本物を使うことを決めていました。

ゲームショップで購入

ねじがプラスチックと癒着してとれないの図

これがファミコンの内部です。

ゲームパッドの基板を入れ替えてPCと接続して試します。

ゲームパッドを利用して画像が動いているのがわかると思います。

ゲームエンジン

ゲームというのは画像を一定間隔で描画して、刻一刻と変わる状態を管理するプログラムです。これらを管理するためのライブラリをゲームエンジンと呼びます。JavaScriptではEnchant.jsやPhaser3といったライブラリがあります。ただ、改造ゲームパッドの信号は市販のUSBゲームパッドと規格が違うので、うまく狙った動作や制御ができない問題が発生しました。

この問題に対応するにはJavaScript上でゲームの仕組み自体を最初から構築する必要がありました。

僕はふだんReactを利用してkintoneのカスタマイズやプラグインを作っているのですが、これを利用してゲームを作ってみたいと思っていました。ReactはDOMから入力を受けるのに特化しているので、本来であればCanvasベースの技術にしたほうがよかったのですが、この時は興味が勝ってしまって、Reactでできるところまでやることに決めました。

そういったわけで、kinfamiのJavaScriptで主に使用しているは下記です。