CHE Viewer JS - HACの気まぐれ製作記

チーム名： Owner：

機体名：

機体タイプ：

非公開：

CPU：

機体名：

機体タイプ：

非公開：

CPU：

機体名：

機体タイプ：

非公開：

CPU：

カウンタ名:未実装

未実装

選択中の機体をハイライト
非表示の場合×の表示を
空白の機体を選択できないように
EXEファイル読み込み時に2,3機体目を空白に
武装等チーム情報・OKE情報の表示
チップの詳細表示
表示の拡大縮小
62 ジャンプ, の矢印の調整表示位置
範囲外の数値が来た時の対応

盛り込みたい機能

無駄な描画＆toDataURLを省く
CHEマッチデータ入力
ちゃんとしたバージョン管理
ソースの公開はすべきか否か考え中、ライセンスの明記
キャンバスの拡大縮小
サブルーチン縦横表示切り替え
本体を編集可能なCanvasにして、画像出力ボタンを別途用意
編集可能なエリア分けレイヤーを用意して、プログラムを見やすく
EXEファイル出力 (できれば機体ハード情報も格納できるよう拡張)
チップの編集機能

お世話になったツール・ライブラリ

そこにカルネージがあった EXE - 開発初期は出力txtファイルを使用、後もCHEファイル解析の参考に
その他、先人のCHEファイル解析の労力に感謝

ecl_new.js - javascriptでの文字コード変換ライブラリの改造版 (元ライブラリ: Escape Codec Library)
WebFontLoader - webfontの読み込みに関するライブラリ、fontの読み込みタイミングの取得に使用

地平線に行く HTTP Server Anywhere - ローカルサーバー、ローカル環境での動作確認に使用
Closure Compiler - Javascriptのminifyに使用
秀丸エディタ - 初期～中期の開発に
Sublime Text 2 - 規模が大きくなってきたので採用
JSLint - javascriptのデバッグに
Google Chrome - 表示確認・コンソールとして
MozillaDeveloperNetwork他、HTML5,javascriptに関する各種Webサイト、個人ブログ。

pentacom BitFontMaker2 - フォントの作成
unofficial fontforge-cygwin - フォントの編集、BitFontMaker2で作成したフォントの調整に使用
Stirling - CHEファイルのバイナリの解析に
Adobe Photoshop Elements 7 - 画像編集
Adobe Illustrator CS4 - 画像編集

EXEテキスト

begin Exe
reg_name CNT-A CNT-B CNT-C CNT-D CNT-E CNT-F CNT-G CNT-H reg_end
1 1 1
main 0 1 1 0 11 2 -1 0
main 0 2 1 0 12 2 -1 1 0 0 0 0 0 0 0 0 0 0
main 0 3 1 0 13 2 -1 1 0 0 0 0 0 0 0 0 0 0
main 0 4 1 0 14 2 -1 1 0 0 0 0 0 0 0 0 0 0
main 0 5 1 0 15 2 -1 1 1 0 0 0 0 0 0 0 0 0
main 0 6 1 0 16 2 -1 1 1 9 1 1 23 45 67 0 0 0
main 0 7 1 0 21 2 -1 1 1 0 0 0 0 0 0 0 0 0
main 0 8 1 0 22 2 -1 1 1 0 0 0 0 0 0 0 0 0
main 0 9 1 0 23 2 -1 2 0 0 0 0 0 0 0 0 0 0
main 0 10 1 0 24 0 2 1 1 1 0 0 0 0 0 0 0 0
main 0 11 1 0 25 0 2 2 68 68 21 -10 0 0 0 0 0 0
main 0 12 1 0 26 0 2 1 0 90 50 0 1 6 1 1 0 0
main 0 13 1 0 31 0 2 1 -90 30 15 0 30 1 0 0 0 0
main 0 14 1 0 32 0 2 1 0 360 13 0 9 1 1 0 0 0
main 0 15 1 0 33 0 4 1 80 2 0 0 0 0 0 0 0 0
main 0 1 2 0 56 4 -1 3 0 2 0 0 0 0 0 0 0 0
main 0 2 2 0 55 6 -1 1 0 0 0 0 0 0 0 0 0 0
main 0 3 2 0 54 0 6 1 15 1 0 0 0 0 0 0 0 0
main 0 4 2 0 53 0 6 1 1 1 1 2 1 1 1 1 2 1
main 0 5 2 0 52 0 6 1 3 9 0 9 87 65 43 0 0 0
main 0 6 2 0 51 0 6 4 0 0 0 0 0 0 0 0 0 0
main 0 7 2 0 46 0 6 1 1 0 0 0 0 0 0 0 0 0
main 0 8 2 0 45 0 6 1 0 0 0 0 0 0 0 0 0 0
main 0 9 2 0 44 0 6 0 0 0 0 0 0 0 0 0 0 0
main 0 10 2 0 43 0 6 1 0 0 0 0 0 0 0 0 0 0
main 0 11 2 0 42 0 6 1 0 90 50 0 1 0 0 0 0 0
main 0 12 2 0 41 0 6 1 0 360 52 0 0 0 0 0 0 0
main 0 13 2 0 36 0 6 1 1 1 0 0 0 0 0 0 0 0
main 0 14 2 0 35 0 6 50 0 0 0 0 0 0 0 0 0 0
main 0 15 2 0 34 2 6 1 0 0 0 0 0 0 0 0 0 0
main 0 1 3 0 61 2 -1 2 0 2 0 0 0 0 0 0 0 0
main 0 2 3 0 62 2 -1 3 2 0 0 0 0 0 0 0 0 0
main 0 3 3 0 63 2 -1 3 1 0 0 0 0 0 0 0 0 0
main 0 4 3 0 64 2 -1 2 1 0 0 0 0 0 0 0 0 0
main 0 5 3 0 65 2 -1 4 1 0 0 0 0 0 0 0 0 0
main 0 6 3 0 66 2 -1 1 5 2 0 0 0 0 0 0 0 0
main 0 7 3 0 71 2 -1 2 1 0 0 0 0 0 0 0 0 0
main 0 8 3 0 72 2 -1 1 0 90 50 0 1 1 1 1 0 0
main 0 9 3 0 73 2 -1 0 60 1 1 1 0 0 0 0 0 0
main 0 10 3 0 74 2 -1 1 7 8 0 0 0 0 0 0 0 0
main 0 11 3 0 75 2 -1 1 0 0 0 0 0 0 0 0 0 0
main 0 12 3 0 76 2 -1 1 0.0 0.0 0 0 0 0 0 0 0 0
main 0 13 3 0 81 2 -1 3 3 3 2 0 0 0 0 0 0 0
main 0 14 3 0 82 2 -1 3 100 0 0 0 0 0 0 0 0 0
main 0 15 3 0 83 4 -1 2 0 0 0 0 0 0 0 0 0 0
main 0 8 4 0 1 -1 -1 0
main 0 9 4 0 94 6 -1 2 5 5 0 0 0 0 0 0 0 0
main 0 10 4 0 93 6 -1 1 1 0 0 0 0 0 0 0 0 0
main 0 11 4 0 92 6 -1 0
main 0 12 4 0 91 6 -1 5 0 0 0 0 0 0 0 0 0 0
main 0 13 4 0 86 6 -1 1 0 0 0 0 0 0 0 0 0 0
main 0 14 4 0 85 6 -1 0 30 110 0 2 0 0 0 0 0 0
main 0 15 4 0 84 6 -1 1 0 360 110 0 3 1 7 0 0 0
sub1 0 1 1 0 1 -1 -1 0
sub2 0 1 1 0 1 -1 -1 0
main 0 1 6 0 62 2 -1 1 2 0 0 0 0 0 0 0 0 0
main 0 2 6 0 62 2 -1 2 2 0 0 0 0 0 0 0 0 0
main 0 3 6 0 62 2 -1 3 2 0 0 0 0 0 0 0 0 0
main 0 4 6 0 62 2 -1 4 2 0 0 0 0 0 0 0 0 0
main 0 5 6 0 62 2 -1 5 2 0 0 0 0 0 0 0 0 0
main 0 6 6 0 62 2 -1 6 2 0 0 0 0 0 0 0 0 0
main 0 7 6 0 62 2 -1 7 2 0 0 0 0 0 0 0 0 0
main 0 8 6 0 62 2 -1 8 2 0 0 0 0 0 0 0 0 0
main 0 9 6 0 62 2 -1 9 2 0 0 0 0 0 0 0 0 0
end Exe

このページにはカルネージハートエクサのキャプチャ画像を編集したものを使用しています。
また、プログラムチップのアイコン・フォントはキャプチャ画像からトレースしたものを使用しています。