ぱにぱにぱにぱ

自分が考えた構築紹介を中心に、大会とかオフ会の感想とか書いたりします。

【配信ツール】ぱにぱにツールの導入の仕方

はじめに

ぱにぱにツールの導入方法に関する記事になります。当記事ではOBSの導入方法や配信の仕方は解説いたしませんのでご了承ください。

ぱにぱにツールの概要については以下の記事をご確認ください。
www.panipanipanipa.com

環境

・windows10

・OBS 24.0.3(64-bit)、OBS 25.0.8(64-bit)、OBS 26.0.2(64-bit)

macや以前のOSでもできる可能性は高いですが、動作確認できていません。

・ソフトの言語が日本語漢字

※一部機能が使えませんが、Yogurt様(@remokonyogurt)が英語の対応を行って下さった方がいらっしゃいます。

以下の英語のガイドから確認してください。英語の認識画像が埋め込まれています。
docs.google.com

導入の流れ

以下の手順で行ってください。うまくいけば30分以内に終わると思います。
f:id:panipanipanipa:20210426182714p:plain

OBS-websocketの導入

以下のリンクから、obs-websocketをダウンロードし、インストールを行ってください。
github.com

OBSのツールに「WebSockets Server Settings」が追加されれば成功です。
細かくは別記事に書こうと思います。

ぱにぱにツールダウンロード

以下リンクからぱにぱにツールの最新版をダウンロードしてください。
www.panipanipanipa.com

解凍を行い、自分の好きなパスに配置してください。(ショートカットを作成しないなら開きやすい場所が良いと思います)

ツールとwebsocketの接続

ツールの起動方法

さきほどダウンロードして解凍したフォルダを開いてください。
フォルダ内にある「__init__.exe」を起動してください。
f:id:panipanipanipa:20210426184041p:plain

ポート・パスワードの設定

ツール上で設定する部分です。
f:id:panipanipanipa:20210426153554p:plain

  • ツールにある「WebSockets Server Settings」を選択します

f:id:panipanipanipa:20210426153706p:plain

  • WebSockets Server Settingsに表示されたポートと、入力したパスワード(自由に入れてください)をツール上に入力してください。

f:id:panipanipanipa:20210426153859p:plain

確認方法

設定したのちにツール上の起動ボタンを押してください。
以下のような通知がでればOKです。(システムトレイ通知を有効にしていない場合は出ません)
f:id:panipanipanipa:20210426182931p:plain
出ない場合は、websocketの導入とポートとパスワードの設定に問題がないか確認してください。

認識ソースの設定

設定方法

ツールの認識ソースにOBS上の映像キャプチャデバイス(switchの画面の部分)を入力してください。
※必ず半角英数字にしてください
f:id:panipanipanipa:20210426153337p:plain

確認方法

スクショ機能を利用し、正しく保存されればOKです。(以下スクショ機能のリンク)
https://www.panipanipanipa.com/entry/2021/04/19/212143#%E3%82%B9%E3%82%AF%E3%82%B7%E3%83%A7

各機能の設定

以下の記事にて機能の解説を行っています。それぞれご確認ください。

www.panipanipanipa.com

  • 画面キャプチャ
  • ポケモンCG画像
  • タイプ
  • TN
  • 順位
  • アイテム

www.panipanipanipa.com

  • ポケモン
  • 順位
  • アイテム名
  • 対戦残り時間
  • ストップウォッチ
  • 勝敗数

www.panipanipanipa.com

  • スクショ
  • 選出時シーン変更
  • 技隠し

www.panipanipanipa.com

  • 集計方法
  • myPGLの見方

設定保存

ツール上の設定保存ボタンを押すと次回以降、入力した情報を保持した状態で開くことができます。

その他確認事項

テレビ出力

テレビの出力を100%にする必要があります。画像認識を使う以上他の%ではできません。
以下から確認してください。

  • switchのホーム画面から設定を選択

f:id:panipanipanipa:20210426184915p:plain:h300

  • 下から2番目のテレビ出力から画面の大きさを調整を選択

f:id:panipanipanipa:20210426184941p:plain:h300

  • 100%にする。

f:id:panipanipanipa:20210426185007p:plain:h300

解像度

解像度は1920×1080 にする必要があります。

以下を設定してください。

  • OBSのソースの映像キャプチャデバイスを右クリックして、プロパティを選択。

f:id:panipanipanipa:20210426184406p:plain:h100

  • 解像度を1920×1080に設定。

f:id:panipanipanipa:20210426184440p:plain:h250

※少し解像度を下げないとうまくいかない方もいましたので、うまくいかない方は解像度を少し下げてお試しください。

参考

ぱにぱに本人の設定は以下になってます。技隠しなしで残りはフルで機能を使ってます。一応参考程度に。
※TN画像の生成も行っています。

f:id:panipanipanipa:20210426153026p:plain