69.カード絵のスクショを【MaskCapture】で撮る！

 暑いねー
埼玉県熊谷市、国内観測史上最高（※）の気温
41.1度だってよ

※2018/7/23現在

ヒトの平均体温より高い気温
やめて欲しいですよね

遊びに行くのも働くのも嫌んなるなｗ 

 ほんとだよねー
エアコンの効いた部屋でアイス食べながら
ずっとゲームやってたいよ・・・

まあ、それはそれとして 
ここんところ更新さぼってた理由を
聞かせてもらおうかｗ
まさかの夏バテｗ？

 あー、実際の所
ちょっと疲れてたって言うのもあるｗ
でも暑さのせいじゃなくて
こんなツールを作ってたからなんだよ

マスクキャプチャ？ 

これは・・・？

 カード紹介やダンジョン攻略
ネタ記事を書く時、カード絵を貼るでしょ？

うん 

 あれって、公式サイトで紹介されてる
カード以外は、全部スクリーンショット撮って
トリミング（画像の不要部分の切り抜き）してるんだけど

もう、それが面倒で面倒でｗｗｗ

シミュレーターとかも
大量のカード絵が用意されてますものね

パック開封シミュレーター

 もう、そういうソフトを作るしかないなってｗ

ｗｗｗ  

なるほど、効率を追い求めたと…

そそｗ
でも、アプリとか作った事なかったから
一から勉強ｗ
それに時間がかかってたってわけｗ

まず、Visual Studio 2017 という開発環境を入手した

https://visualstudio.microsoft.com/ja/

Microsoftの製品ですね
Windows やIPhone、Android向けなど様々な
環境のアプリケーションを作成できるツールで
たしか、個人向けのCommunity版は
無料でしたよね

https://visualstudio.microsoft.com/ja/downloads/

 うん
ドキュメントも充実してるんだ

https://docs.microsoft.com/ja-jp/visualstudio/

開発言語もいくつも選べるんだけど
今回はC#で作ってみたよ・・・

まったく、ついていけんわｗ 

 ああ、ごめんｗ
開発の事は置いといて、知りたいのは
どういうソフトを作ったかだよね (;^ω^)
俺が欲しかった機能は次の3つ

1. 画面上にカード絵が表示されている箇所を自動で特定
2. キーボードショートカットとか簡単な方法でキャプチャ
3. キャプチャしたカード絵をトリミングして自動保存

きゃぷちゃ？ 

キャプチャーは
ディスプレイ上に表示されている
画像情報を取得する事ですね

 んで、
欲しい機能は一通り実装して
カード絵をキャプチャして保存するソフトは
すぐできたんだけど

なんか物足りないから
汎用的に使えるように次の仕様に変更したんだ

1. 予め準備したテンプレート画像を使い、画面上に
   その画像と同じ画像が表示されている箇所を特定
2. 予め準備したマスク画像を使い、
   1.で特定した箇所を切り抜いてキャプチャ
3. キャプチャしたカード絵を自動保存

ほほう
カード絵だけではなく
任意の様々なシーンを
切り抜いて保存できるのですね

てんぷれーと？ますく？
なんか用語がいちいちムズイ＞＜

実際に使ってみるかｗ
まず、MaskCaptureは ここからダウンロードする

https://immortalchicks.com/dg/MaskCapture/

あ、動作するのはWindows OSの7, 8, 10 になる
Windows 10 以前のOS 7 や 8 は
追加で次のソフトが必要になる場合があります
Microsoft .NET Framework 4.6.1

https://www.microsoft.com/ja-jp/download/details.aspx?id=49981

うちは、Windows 10やから
MaskCaptureだけでええんやな
ダウンロードしたで

次のファイルがダウンロード出来たら
SetupMaskCapture.zip
zipを解凍する（右クリックからすべて展開）

そしたら、MaskCaptureっていうフォルダの中に
こんなのが入ってるからsetup.exeをダブルクリックする

※環境によってアイコンは変わります

なんか画面出て来た 

 ああ、Windows 10は電子署名されていない
怪しいソフトをインストールする時に
こんな警告画面を出すんだよねｗ

へー 
怪しいもんな・・・
今回の記事はこれで終了かな
おつかれー

 ちょっと待ってよｗｗｗ
個人アプリに電子署名とか
証明機関に発行してもらうのに
最低でも2万円～かかるんだよｗ

今回はそのままインストールしてくれよｗ
さっきの画面の詳細情報をクリックすると
実行ボタン出てくるからさｗ

不明な発行元って・・・  
まあ、2万かかるならしゃあないな
実行したったで

Microsoft .NET Framework 4.6.1が
入っている環境であれば次の画面が出て
インストールを進める事ができる

なんかステップ4で
警告出てきたでｗｗｗ

 さっきと同じ理由だなｗ
ここも信じて「はい」をクリックすると
インストール完了

でけたー！ 
ん？デスクトップにアイコン出てきた

 MaskCaptureを起動する為の
ショートカットアイコンだねｗ

本体は次の場所に入ってる
C:\Program Files (x86)\ImmortalChicks\MaskCapture
Windowsの標準のアンインストール機能で削除できるから
安心してね (;^ω^)

凝ってますね

無駄に可愛い… 
こういう作るのに時間が
かかっとんのやろなｗ

 ひよこアイコンをダブルクリックで
次の設定画面が開く
DGのカード絵をキャプチャする為の
テンプレート画像とマスク画像は準備されてるから
ひとつだけ、設定して欲しい

マスク画像上のテンプレートの位置を
x : 175、y : 240 と入力して
[反映]ボタンをクリックするだけでok

※ご利用のブラウザやフォントが異なる場合、キャプチャしたカード絵がずれる事があります。その場合は、x と y の値を微調整してください

でけた 

 左上にある
「最小化してキャプチャ（F9）を始める」を押すと
設定画面が最小化されてタスクバーに入るから
DGのゲーム画面でカード絵を表示して
キーボードの F9 を押す

※モニタのサイズが大きい方は、最小化せずにキャプチャする事も可能です

やってみるわ・・・ 

覚醒マーレ撮ってみよｗ
図鑑ひらいてマーレ見つけて
マウス重ねたらええんやろ

カード絵が出て来たから
F9 押した！

・・・・・・なんも起きへん

 連続でキャプチャできるようになってるから
キャプチャした画像を見たい時は
タスクに入ったMaskCaptureを開いて
キャプチャ画像保存フォルダの右にある
[フォルダを開く]ボタンをクリックする

反応せんから 
F9、2回押してたんや…
マーレ二つ入っとるなw

そだねｗ
カード枠の通りに切り抜かれた
画像が保存されてると思う
カード絵以外の所は透明になる

やったー 
案外簡単やなｗ

 切り抜きにマスク画像を
使っているのですね

そうそう
マスク画像パスの右にある
[フォルダを開く]をクリックすると
こんな画像が入ってるんだけど

この画像の黒い部分が
キャプチャした画像の透明になる箇所で
白い箇所だけが残るから
カード絵の枠の通りに切り抜けるんだ

マスク画像は、白か黒の色だけで作る必要がある
Windows のペイントソフトとかで作成できるよ ＾＾

へーーー 

 次にテンプレート画像パスの右にある
[フォルダを開く]ボタンをクリックすると
こんな画像があると思う

なんやこれｗｗｗ 

 ああ、これは
全てのユニットのカード絵に入ってるHPアイコンｗ

画面上に、このテンプレート画像（HPアイコン）に
マッチする箇所が表示されている時だけ
さっきのマスク画像で切り抜いてるんだよｗ

という事は
HPアイコンのないスキルカードは
キャプチャできないのですね

あかんやん＞＜ 

うん、そうなんだ
ごめんね、スキルカードも対応したかったんだけど
全てのカード絵の共通部品がなくて・・・
今回はユニットカードのテンプレートしか
準備できていないんだ (>_<)

ふ～ん 

 その代わりに、
テンプレート画像やマスク画像を
入れ替える事によって
いろんなキャプチャを撮る事ができるよ ＾＾

例えばこんなのを用意して
それぞれのフォルダに配置する

ファイル名は同じにしないといけないから
前のファイルは別の名前にしておくといいよ

左の小さいテンプレート画像は
少女ソネット？

 そう、ソネットが場に出された時の
体の一部を切り取ってテンプレート画像にした
設定画面はこんな感じ
位置は、x : 84、 y : 60 にしてみた

 んで、地下墓地やってる人が
ソネット出してたから
良いタイミングで、F9 を押して
キャプチャした画像がこちらｗ

おお ｗｗｗ 
丸く切り抜かれとるｗ

ダンジョンのユニットは
動いている最中、画像も微妙に
違う気がするんですが
大丈夫なのですか？

立ち止まってても 
上下に揺れてるからなｗ

 テンプレート画像とのマッチングは
2割程度の誤差を許すようにしてるので
多少のずれがあっても
見つけられるようになってる

キャプチャ中に、タスクバーから出して
右のログを見る事でテンプレート画像との
マッチングの成否が判るよ

 「マッチ成功」とある行には
テンプレート画像が表示されていた
画面上の座標が出ている

この時、キャプチャ画像が保存される

「テンプレートにマッチする箇所がありません」の時は
文字通り、キャプチャ画像は保存されていない

なるほど

DG以外のゲームでも 
使えそうやけど
なんかイマイチ思い浮かばんなｗ
そもそも、普通にゲーム遊んでる人で
こんなキャプチャ撮ろうと思う事ないわｗ

うんｗｗｗ
ゲーム紹介とかやってる
ブロガー向けのツールかなぁｗ

あ、PCのディスク容量とかメモリが少ない環境だと
キャプチャ画像が保存できない事もあると思う

そもそも、ゲームやってて
マシンの動作が重い方は
MaskCaptureを同時起動しない方が良いかも…

そこら辺は、自己責任でご利用ください

おもろい使い方あったら 
コメント欲しいもんやなｗ

おしまい

 ©Vector Inc. All Rights Reserved. ©Shenzhen Fire Element Network Technology Co., Ltd. All Rights Reserved.