【岡安流! ゲーム実況道場】OBSのスコアツールを活用すべし
前回はゲーム実況などで使える配信ソフト「OBS Studio」の基本的な使いかたを説明しました。今回は、さらに一歩進んで、「OBS Studio」の「スコアツール」を紹介します。
スコアツールとは、対戦格闘ゲームのeスポーツイベントでは必ずと言っていいほど表示されている「プレイヤーネーム」や「勝利数」などを表示する機能。実際に、eスポーツ大会の動画配信などで見たことのある人もいるのではないでしょうか。チーム戦や長期戦の場合、ゲーム画面上に成績を表示すれば、どちらがリードしているのか一目瞭然です。
![](https://image.news.livedoor.com/newsimage/stf/4/3/432eb_1223_4e6f11443d4567696f474c14875c4e10.jpg)
ゲーム画面上部にあるのがスコアツール。勝利数やプレイヤーネーム、チーム名、国籍などの情報を表示できます
○スコアツールのテンプレートを入手せよ
スコアツールでは、いわゆるオーバーレイで画面上に対戦スコアを表示させます。今回は「SHIG Website」のスコアツールを使ってみましょう。
まず「SHIG Webstite」の「SteamControlテンプレート2019年版 配布」にアクセス。記事の中段「■ダウンロード」と書かれた場所に「点灯版」と「数字版」の2つのリンクがあるので、どちらかもしくは両方をダウンロードしましょう。
![](https://image.news.livedoor.com/newsimage/stf/3/8/38a9e_1223_a01e0640ddd7834a746e77dd3c7a0e1b.jpg)
SteamControlテンプレートは、元々、『大乱闘スマッシュブラザーズ』の大手コミュニティである「ウメブラ」が大会用に作成したものです
点灯版は、Bo3(最大3試合行い、2勝したプレイヤーが勝ち上がるルール)とBo5(最大5試合行い、3勝したプレイヤーが勝ち上がるルール)に対応したスコア。勝利数に応じてランプが点灯していくタイプです。見た目がカッコいいですね。
数字版は勝利数が数字で表示されるタイプ。基本的に10先(10勝先取)でも、100先でも対応できます。こちらは、ルール問わず対応できるので使い勝手がいいでしょう。
今回は数字版を中心に説明します。ダウンロードしたときのフォルダ名は違いますが、基本的に数字版と点灯版の使いかたは同じ。数字版は「SteamControl-for-UMBR-feature-use_number_score」で、点灯版は「SteamControl-for-UMBR-master」です。
![](https://image.news.livedoor.com/newsimage/stf/d/b/db00b_1223_70dffd8ffaecedfbc914e0e567d96c22.jpg)
点灯版は、勝利すると、大会名横にあるランプが点灯します。ランプが2本バージョン(Bo3)と3本バージョン(Bo5)の2種類なので、それ以上の試合形式には対応していません
○OBSにスコアツールを配置せよ
ダウンロードしたら、まずはzipファイルを展開。「SteamControl-for-UMBR-feature-use_number_score」というフォルダを開きます。このフォルダは今後何度か開くので、わかりやすい場所に保存しておくといいでしょう。基本的に「OBS Studio」でしか使わないので、「OBS Studio」がインストールされているフォルダに一緒に入れておくのがオススメです。
次に「OBS Studio」を起動します。スコアツールを導入するシーンを選び、ソースから「+」をクリック。ブラウザを選択し、スコアツールのプロパティを開きます。その際、ブラウザを「スコアツール」などの名前に変更しておくといいでしょう。
![](https://image.news.livedoor.com/newsimage/stf/0/c/0cb33_1223_5cc1b4928ddf2e082f74ea2ce9203349.jpg)
ソースからブラウザを選択し、プロパティを開きます
プロパティの一番上にある「ローカルファイル」にチェックを入れると、1段目テキストボックスの項目名がURLからローカルファイルに変わるので、右側の参照を押して、先のスコアツールのフォルダ内にある「scoreboard.html」を選んでください。PCの設定で拡張子を省略している場合はファイル名が「scoreboard」と表示されますが、アイコンがブラウザで、種類が「HTML Document」のファイルを選びます。
幅と高さはあとで変更できるので、とりあえずデフォルトのままでOKですが、スコアツールは横が長く、縦が短いので、幅1280、高さ100くらいが丁度いいかと。
OKをクリックしてプロパティを終了させると、画面にスコアツールが表示されます。表示している枠をドラッグしながら適切なサイズに修正しましょう。
![](https://image.news.livedoor.com/newsimage/stf/a/f/af200_1223_0327554f2553e96b1ca6ea486e77bd02.jpg)
ローカルファイルにチェックを入れます
![](https://image.news.livedoor.com/newsimage/stf/c/4/c461d_1223_7622d0b94dbfbd59e421013333c213df.jpg)
参照をクリックし、スコアツールが入っているフォルダからscoreboardを選びます
![](https://image.news.livedoor.com/newsimage/stf/2/c/2c880_1223_9e73f0cf6c00a4ff285581628fdbfb62.jpg)
スコアツールの幅と高さを指定します。あとでリサイズできるので、とりあえず幅1280と高さ100で指定します
![](https://image.news.livedoor.com/newsimage/stf/2/3/23c91_1223_e88f7e937456585e929349a29b0bdcec.jpg)
スコアツールのサイズと場所を調整します。スコアツールの赤枠をドラッグすると移動し、赤枠の■部分をドラッグするとサイズが変わります
○スコアツールの情報を入力せよ
次に「SteamControl-for-UMBR-feature-use_number_score」のフォルダ内にある「SteamControl」のフォルダを開き、「SteamControl」のアプリケーションを起動します。スコアツールを使用するたびに起動させるので、デスクトップなどにショートカットを作っておくと便利でしょう。
「SteamControl」の「P1」にはプレイヤー1の情報を、「P2」にはプレイヤー2の情報を書き込みます。「Stage」は大会名などを記入。「Name」にはプレイヤーネーム、「Twitter」にはTwitterのアカウントを入力しますが、プレイヤーネームを入力すればTwitterアカウントは記入しなくても問題ありません。
![](https://image.news.livedoor.com/newsimage/stf/9/4/94fcb_1223_c68299baafb8ef265e3177c4050ca30e.jpg)
「SteamControl」を起動します。上段のP1がゲーム画面の左側のプレイヤーで、下段のP2が右側のプレイヤーです
![](https://image.news.livedoor.com/newsimage/stf/9/e/9ea81_1223_98691a06da7bd04798de273797bed21b.jpg)
Nameにプレイヤーネームを入力します
![](https://image.news.livedoor.com/newsimage/stf/e/e/eed39_1223_1057d7e46213f77d79e1c3a95e64301b.jpg)
Twitterアカウントを入れます。Nameがあれば入力しないでも問題ありません。入力すると、プレイヤーネームとTwitterアカウントが交互に表示されるようになります
次に「Country/国」に国名を英語表記で入力します。日本の場合はJapanもしくはJP、アメリカはAmericaではなくUSAもしくはUS、イギリスはEnglandやUnited Kingdom、Great Britainではなく、GBと入力する必要があります。「SteamControl-for-UMBR-feature-use_number_score」内の「GoSquared」フォルダ内の「expanded」フォルダに、国旗と略称が載っているので、それを参考にしてください。
ここに国名を入力しておくと、画面には国旗が表示されます。また、このフォルダに画像を入れれば、国旗の代わりにそれを表示させることもできます。チームロゴなどがあれば、入れておくといいでしょう。
![](https://image.news.livedoor.com/newsimage/stf/3/3/3367d_1223_162d482cfc6b712bc1c7102645228a16.jpg)
国名を入れます。何も入れなければ、国旗が入る部分が白い空白のままで表示されます
![](https://image.news.livedoor.com/newsimage/stf/7/6/7646b_1223_6a31e5fa97af6afab436ed4e4e505392.jpg)
「expanded」フォルダに国旗のイメージが入っています。ファイル名を入力するとそれぞれの国旗が表示されます。このフォルダに画像を入れ、ファイル名を指定すれば、オリジナルの国旗も登録できます
国名の横のボックスに数値を直接入力するか、上下をクリックすると勝利数が変化します。試合が終わるたびにに数字を入力しましょう。
なお、「Clear」は、NameやTwitter、Country/国、勝利数などのデータをすべて消す機能。「Reset」は勝利数のみゼロに戻します。「Swap」は1Pと2Pを入れ替えるボタンです。
これらの情報は記入しただけでは、実際のスコアに反映されないので、最後に「Sponsors」をクリックして、現在の記入した情報をスコアに反映させましょう。
![](https://image.news.livedoor.com/newsimage/stf/9/0/90f7c_1223_28f385864c366b4a4693dba4f303d509.jpg)
数値は直接数字を入力するか、上下をクリックして変更します。「Clear」で全データ消去、「Reset」で成績のみ消去します
![](https://image.news.livedoor.com/newsimage/stf/f/9/f9a35_1223_708bf325aa2c91f9c461b288bf677cf9.jpg)
ちなみに、点灯版のSteamControlには、Bo3とBo5を選べるプルダウンメニューがあります
以上が、スコアツールの使いかたです。1回1回手動で、プレイヤーネームを入れたり、勝利数を変更したりしないといけないので、手間はかかりますが、その分、仲間内のちょっとした大会でもスコアツールを使っているだけで、本格的なeスポーツ大会のようにみえるので、一度試してみてはいかがでしょう。
![](https://image.news.livedoor.com/newsimage/stf/b/b/bb7ff_1223_d0b308f41ce13a5675ef06ec7565a8f9.jpg)
配信だけでなく、オフライン大会のメイン画面に表示させるのもいいでしょう
スコアツールとは、対戦格闘ゲームのeスポーツイベントでは必ずと言っていいほど表示されている「プレイヤーネーム」や「勝利数」などを表示する機能。実際に、eスポーツ大会の動画配信などで見たことのある人もいるのではないでしょうか。チーム戦や長期戦の場合、ゲーム画面上に成績を表示すれば、どちらがリードしているのか一目瞭然です。
![](https://image.news.livedoor.com/newsimage/stf/4/3/432eb_1223_4e6f11443d4567696f474c14875c4e10.jpg)
○スコアツールのテンプレートを入手せよ
スコアツールでは、いわゆるオーバーレイで画面上に対戦スコアを表示させます。今回は「SHIG Website」のスコアツールを使ってみましょう。
まず「SHIG Webstite」の「SteamControlテンプレート2019年版 配布」にアクセス。記事の中段「■ダウンロード」と書かれた場所に「点灯版」と「数字版」の2つのリンクがあるので、どちらかもしくは両方をダウンロードしましょう。
![](https://image.news.livedoor.com/newsimage/stf/3/8/38a9e_1223_a01e0640ddd7834a746e77dd3c7a0e1b.jpg)
点灯版は、Bo3(最大3試合行い、2勝したプレイヤーが勝ち上がるルール)とBo5(最大5試合行い、3勝したプレイヤーが勝ち上がるルール)に対応したスコア。勝利数に応じてランプが点灯していくタイプです。見た目がカッコいいですね。
数字版は勝利数が数字で表示されるタイプ。基本的に10先(10勝先取)でも、100先でも対応できます。こちらは、ルール問わず対応できるので使い勝手がいいでしょう。
今回は数字版を中心に説明します。ダウンロードしたときのフォルダ名は違いますが、基本的に数字版と点灯版の使いかたは同じ。数字版は「SteamControl-for-UMBR-feature-use_number_score」で、点灯版は「SteamControl-for-UMBR-master」です。
![](https://image.news.livedoor.com/newsimage/stf/d/b/db00b_1223_70dffd8ffaecedfbc914e0e567d96c22.jpg)
○OBSにスコアツールを配置せよ
ダウンロードしたら、まずはzipファイルを展開。「SteamControl-for-UMBR-feature-use_number_score」というフォルダを開きます。このフォルダは今後何度か開くので、わかりやすい場所に保存しておくといいでしょう。基本的に「OBS Studio」でしか使わないので、「OBS Studio」がインストールされているフォルダに一緒に入れておくのがオススメです。
次に「OBS Studio」を起動します。スコアツールを導入するシーンを選び、ソースから「+」をクリック。ブラウザを選択し、スコアツールのプロパティを開きます。その際、ブラウザを「スコアツール」などの名前に変更しておくといいでしょう。
![](https://image.news.livedoor.com/newsimage/stf/0/c/0cb33_1223_5cc1b4928ddf2e082f74ea2ce9203349.jpg)
プロパティの一番上にある「ローカルファイル」にチェックを入れると、1段目テキストボックスの項目名がURLからローカルファイルに変わるので、右側の参照を押して、先のスコアツールのフォルダ内にある「scoreboard.html」を選んでください。PCの設定で拡張子を省略している場合はファイル名が「scoreboard」と表示されますが、アイコンがブラウザで、種類が「HTML Document」のファイルを選びます。
幅と高さはあとで変更できるので、とりあえずデフォルトのままでOKですが、スコアツールは横が長く、縦が短いので、幅1280、高さ100くらいが丁度いいかと。
OKをクリックしてプロパティを終了させると、画面にスコアツールが表示されます。表示している枠をドラッグしながら適切なサイズに修正しましょう。
![](https://image.news.livedoor.com/newsimage/stf/a/f/af200_1223_0327554f2553e96b1ca6ea486e77bd02.jpg)
![](https://image.news.livedoor.com/newsimage/stf/c/4/c461d_1223_7622d0b94dbfbd59e421013333c213df.jpg)
![](https://image.news.livedoor.com/newsimage/stf/2/c/2c880_1223_9e73f0cf6c00a4ff285581628fdbfb62.jpg)
![](https://image.news.livedoor.com/newsimage/stf/2/3/23c91_1223_e88f7e937456585e929349a29b0bdcec.jpg)
○スコアツールの情報を入力せよ
次に「SteamControl-for-UMBR-feature-use_number_score」のフォルダ内にある「SteamControl」のフォルダを開き、「SteamControl」のアプリケーションを起動します。スコアツールを使用するたびに起動させるので、デスクトップなどにショートカットを作っておくと便利でしょう。
「SteamControl」の「P1」にはプレイヤー1の情報を、「P2」にはプレイヤー2の情報を書き込みます。「Stage」は大会名などを記入。「Name」にはプレイヤーネーム、「Twitter」にはTwitterのアカウントを入力しますが、プレイヤーネームを入力すればTwitterアカウントは記入しなくても問題ありません。
![](https://image.news.livedoor.com/newsimage/stf/9/4/94fcb_1223_c68299baafb8ef265e3177c4050ca30e.jpg)
![](https://image.news.livedoor.com/newsimage/stf/9/e/9ea81_1223_98691a06da7bd04798de273797bed21b.jpg)
![](https://image.news.livedoor.com/newsimage/stf/e/e/eed39_1223_1057d7e46213f77d79e1c3a95e64301b.jpg)
次に「Country/国」に国名を英語表記で入力します。日本の場合はJapanもしくはJP、アメリカはAmericaではなくUSAもしくはUS、イギリスはEnglandやUnited Kingdom、Great Britainではなく、GBと入力する必要があります。「SteamControl-for-UMBR-feature-use_number_score」内の「GoSquared」フォルダ内の「expanded」フォルダに、国旗と略称が載っているので、それを参考にしてください。
ここに国名を入力しておくと、画面には国旗が表示されます。また、このフォルダに画像を入れれば、国旗の代わりにそれを表示させることもできます。チームロゴなどがあれば、入れておくといいでしょう。
![](https://image.news.livedoor.com/newsimage/stf/3/3/3367d_1223_162d482cfc6b712bc1c7102645228a16.jpg)
![](https://image.news.livedoor.com/newsimage/stf/7/6/7646b_1223_6a31e5fa97af6afab436ed4e4e505392.jpg)
国名の横のボックスに数値を直接入力するか、上下をクリックすると勝利数が変化します。試合が終わるたびにに数字を入力しましょう。
なお、「Clear」は、NameやTwitter、Country/国、勝利数などのデータをすべて消す機能。「Reset」は勝利数のみゼロに戻します。「Swap」は1Pと2Pを入れ替えるボタンです。
これらの情報は記入しただけでは、実際のスコアに反映されないので、最後に「Sponsors」をクリックして、現在の記入した情報をスコアに反映させましょう。
![](https://image.news.livedoor.com/newsimage/stf/9/0/90f7c_1223_28f385864c366b4a4693dba4f303d509.jpg)
![](https://image.news.livedoor.com/newsimage/stf/f/9/f9a35_1223_708bf325aa2c91f9c461b288bf677cf9.jpg)
以上が、スコアツールの使いかたです。1回1回手動で、プレイヤーネームを入れたり、勝利数を変更したりしないといけないので、手間はかかりますが、その分、仲間内のちょっとした大会でもスコアツールを使っているだけで、本格的なeスポーツ大会のようにみえるので、一度試してみてはいかがでしょう。
![](https://image.news.livedoor.com/newsimage/stf/b/b/bb7ff_1223_d0b308f41ce13a5675ef06ec7565a8f9.jpg)