以下の内容はhttps://embrabat-report.net/entry/Ku6-3naTool_UserPagesより取得しました。


【画像認識】6-3見せ合いシート作成WEBアプリ「Ku6-3naTool」利用ページ

Ku6-3naTool

↓こんな感じで「お気に入りのついていない」ポケモンが6匹並んだタグのスクショ画像をトリミングなしで読み込んでください

その他の使い方は記事の下部を読んでください!!!




※このツールは GitHub Pages 上で動作する静的な Web アプリです。
ブラウザ内で処理されるため、情報はお使いの端末にのみ保存されます。
パーティ情報がツール作成者に送られたりはしないので安心してご利用ください!!!!







はじめに

普段亜流6-3オフという対面6-3大会を主催しています、クロサナです。
本記事はポケモンGOの6-3対戦を支援する、
画像認識つき見せ合いシート作成ツール「Ku6-3naTool」
の利用ページ、および使い方の紹介記事です。



亜流6-3オフ

シーズンに1回開催しているポケモンGOの6-3大会です!
予選は対戦回数無制限、パーティ変更自由なのでパーティ調整にぜひ!

↓今シーズン分の要綱ページ
embrabat-report.net


使い方

めちゃくちゃ簡単です。にしたはずです。たぶん。

タグ画像のスクリーンショットを用意する

タグにパーティの6匹が映っている、トリミングなしのスクリーンショットを用意して下さい
以下の要素があると、画像認識はできなくなります!!(その後手動入力は可能)

  • お気に入りマーク
    • 流石に対応できるように実装したいとは思っています。ご期待ください。
  • 色違い
  • 24時間以内に捕獲した時の青背景
  • 相棒
  • スクロールするスライダー
  • ヤミラミ以外のライトポケモン(素材不足)
  • データ読み込みのくるくるマーク(いけるかも)

あと、多分映ると思うんですが
「検索」って文字で最初の画像位置検知をしてるので、それが映ってないと全部認識できないです

まぁ要するに↑の画面を使って下さいという感じです

「画像を読み込む」を選択

「画像を読み込む」から、取ったスクリーンショットを選びます。
















読み込み中

初回は画像の読み込みとかがあるんで、ちょっと時間かかります。
初回以降はキャッシュ残ってれば多分早いはず……


シート入力画面

画像が読み込まれると、シート入力画面に入ります。

基本情報入力

名前などを入力します。
未入力でも出力は可能。
あと、一度入力して、「画像出力」までやると内容が保存されます。












ポケモン入力

ポケモン入力欄はこんな感じ。 読み込ませた元画像はこれ↓

前述のとおりですが、お気に入りがついてるヨノワールは検出出来てませんね。

そういう時は
「画像認識失敗」をタッチします

検索ウインドウが開くので、検索してください。

部分一致・ひらがな対応してます。

  • 初期でセットされているわざは強い技を適当に表示しているだけなので、適宜変更してください。
  • CP・シャドウライトも選択してください。

プルダウンはこんな感じ、一応覚える技だけが表示されてるはずです。多分。

プレビュー表示・画像出力

上の2つのボタンを押すと、プレビューを表示したり画像を出力したりできます。

プレビュー画面

出力した様子の確認ができます。
実際に出力はしてないです。

画像出力

画像がダウンロードされますので、適宜写真フォルダに保存するなどしてください。
↓iPhoneでの一例




その他:仕様など

表示する

  • とりあえず最低限実装できましたが、汎用性はそこまでないです。
    • ピクセル単位で読む位置変えている部分があるし、お気に入りも対応してないので、拡張性が……
    • とりあえず自分の環境と古いiPhoneとAndroid環境でできてはいるんですが。
  • あと、僕のスマホに入っていなくて画像認識素材作れてないやつが認識できません
    • 通常ポケモン200匹ちょっと、シャドウが100匹ほど、ライトは現状ヤミラミとナットレイだけ。
    • まずそうなのだと、シャドウスピアー、シャドウジヘッド、シャドウコモルー、シャドウグラエナあたり?
  • 過去の画像とか、トレーナーネームとかは保存されるんですが、情報はブラウザのキャッシュとして保存されているので、端末を変えると消えます。
  • 検索フローは以下の通り
    • 上部の「検索」を探して、基準高さを設定
    • そこからnピクセル下がった高さからmピクセル分の高さをCP表記ゾーン
    • さらに下Lピクセルをポケモンゾーンとする
    • CP・ポケモンは背景以外の色を検知して、最小矩形で切り取る
    • ピクセルサイズを判定画像と照らし合わせて一致確認
    • 一致度が一番高いものを認識
    • 2列目は1列目のポケモンゾーンからKピクセル下がった点からスタート、同じ処理
    • 各ピクセルは僕のスマホを基準に画像サイズを割合計算







亜流6-3オフでは

なんと!!!
亜流6-3オフでは!!!

会場にプリンターを持ち込みます!!!!!

そのため、

画像認識で簡単にパーティシートを作って
それをそのまま会場で印刷できます!!!

これまでパーティシートの書き直しが面倒でパーティを変えづらかった面があると思うんですが、
これからはパーティ変更にかかる時間が多分5分くらいになるはず。


おわりに

シートもよさげに作れたし、画像認識も超最低限ではあるものの使いやすく作れたと思うので
ぜひ日ごろから使ってもらえたら嬉しいです。




以上の内容はhttps://embrabat-report.net/entry/Ku6-3naTool_UserPagesより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14