aokashi / wwamessageloader

WWAの各パーツのメッセージを表示するだけのアプリケーション

WWAMessageLoader

これは何？

WWAの各パーツのメッセージを表示するアプリケーションです。

ブラウザの検索機能を利用すればメッセージを探すことが可能です。

使用方法

Wiki をご参照ください。

開発方法

1. node.js をインストールします。
2. npm install で必要なパッケージをインストールします。
3. npm run build で実行ファイルが dist に配置されます。

謝辞

• マップデータの読み込みには WWAWing の WWALoader を利用しています。
• 結果の表示や検索で利用するDOM関連の操作には Vue.js を利用しています。
• ライセンスはMITライセンスですが、 付属している wwamap.dat のライセンスはキャラバンサークルの定める通りに基づきます。

wwamessageloader's Issues

VueJSでメッセージを一覧表示できるようにする

現在メッセージの一覧表示をDOM操作で任せているので、VueJSを利用してスマートにしたい。

今の所データの受け渡しで苦戦しているので、実装の際にできたこと、気付いたことなどをこのIssueとかに残せたら良いのかなと。

File API を使用してインストールいらずのサーバーのプログラムにする

現在 WWAMessageLoader は自分の PC の中に設置して動かす必要があります。
Web ブラウザで URL にアクセスして使用出来るように実装しようとなると、ユーザーが使用したマップデータファイルがサーバーに見えてしまう問題があったのです。
しかし、 File API を活用すればマップデータファイルをサーバーに置かなくてもサーバーにおけるプログラムとして実装できるのではないかと思ったので検討しています。

メッセージ一覧の切り替えの高速化

サウンド番号 → メッセージ一覧 に切り替える際に毎回メッセージ一覧の使用するデータを組み立てており、これが結構時間がかかっているので高速化したいです。

IndexedDB や LocalStrage を使用してマップデータ使用履歴を記録する

毎回マップデータ名を入力するのはつらいので、 IndexDB や LocalStrage といったブラウザにデータを記憶させるシステムを活用して使用したマップデータの履歴を記録するように実装を考えています。

検索で渡す値が冗長になっている

検索機能を実装したはいいけど、検索イベントの発生や絞り込み処理で「キーワード」「パーツの種類」「パーツメッセージのみ」の3つのキーをそれぞれ書いていくので、メンテナンス性が悪いです。

クラスなりにまとめてきれいにしたいです。
(JavaScriptは本来はクラス使ってないというツッコミは無いことにして)

検索機能の実装

こんな機能が欲しい

• 適当なテキストを入力すると、そのテキストを含むパーツのみを表示する
• どのパーツも繋がっていない孤立メッセージの非表示

サウンド番号の表示

目的

WWA Wingでは、使用されていないBGMデータの読み込みが原因で、読み込みに時間が掛かる傾向にある。
使用されていないBGMを調べるには、各パーツで指定されているサウンド番号を調べる必要があるが、作成ツールでは、各パーツの編集画面を見なければならず、手間が掛かっている。

そこで、どのサウンド番号が指定されているか確認できる機能を実装したい。

実装方法

WWA Message Loader はメッセージの検索を目的としているが、このリポジトリに今回の機能を埋め込む形とする。
ただし、WWA Message Loader の検索機能とは別としたいので、ルーティング機能で分ける形とする。

• / ... WWA Message Loader トップページ
• /search ... 今の WWA Message Loader のような検索機能
• /sound ... サウンド番号検出機能

機能そのものについては、マップデータ配列から mapAttribute または objectAttribute の19番から取り出して、その値をグループ化すれば良い。
https://github.com/WWAWing/WWAWing/wiki/WWAData

暗証番号入力機能の追加

暗証番号が設定されているマップデータは暗証番号を入力しないと内容を表示しないように実装を予定しています。