top of page

リモート対戦の準備

heff.png
目次

​はじめに

赤ドラゴンアイコン.png

リモート対戦やってみたいけど正直やり方とかよくわからない!

白ドラゴンアイコン.png

こんなこともあろうかと…ちゃんと調べてあるよ!

赤ドラゴンアイコン.png

えらい!オレは10秒で諦めた

白ドラゴンアイコン.png

10秒で諦めるんじゃない

赤ドラゴンアイコン.png

そもそもオンラインでどうやって対戦するの?

リモート対戦をするためには「相手の盤面が見える」「自分の盤面が相手に見える」「互いの声が聞こえる」という条件をクリアしなければいけません。
そのため、ビデオ機能付きの通話ソフトやアプリを使ってリアルタイムで自分の盤面を共有しながら対戦するのが一般的です。

 

主なビデオ機能付き通話ソフト・アプリ
・Discord
・Skype
・LINE etc…

白ドラゴンアイコン.png

ちなみに…

DRSKカラー杯では上記のうちDiscordを使用して大会を行っています!

はじめに

リモート対戦に必要なもの

白ドラゴンアイコン.png

なんとなくリモート対戦のやり方がわかったところで、とりあえず必要なものを用意します

赤ドラゴンアイコン.png

対戦に必要なものはこんな感じかな?

デッキ
Discord(アカウント登録が必要)
カメラ機能のある機器
・スマホスタンドなどカメラを固定できるもの

赤ドラゴンアイコン.png

カメラ機能のある機器って?

白ドラゴンアイコン.png

PC+WEBカメラ、スマートフォン、タブレット端末とかだね

赤ドラゴンアイコン.png

ん?PCなくてもできるの?????

白ドラゴンアイコン.png

用意した機材によってやり方が違うから順を追って説明するよ

白ドラゴンアイコン.png

Discordの導入方法対戦準備の基礎知識はデュエル・マスターズ公式サイトでも紹介されています!こちらも一緒にどうぞ~

リモート対戦に必要なもの
対戦環境を整えよう!

​対戦環境を整えよう!

白ドラゴンアイコン.png

機材の用意ができたらビデオ通話の準備だ!
Discordを使用するのでアカウント登録も忘れずに~

赤ドラゴンアイコン.png

用意した機材によってどうとか言ってたけどどういうこと?

白ドラゴンアイコン.png

ざっくり説明すると、Discordでビデオ通話する方法は4通りあるんだ

・スマートフォンまたはタブレット端末のみ

・PC+WEBカメラ

・PC+スマートフォンまたはタブレット端末

・タブレット+スマートフォン ※Discordのアカウントが2つ必要

1.png
2.png
3.png
4.png
赤ドラゴンアイコン.png

お!PCがなくてもできる方法はあるから安心だな~

白ドラゴンアイコン.png

ということでさっそく上から順に説明するよ~

赤ドラゴンアイコン.png

あいあいさー!

スマホ/タブレット端末のみ
白ドラゴンアイコン.png

スマートフォン/タブレット端末のみの場合

01.png
02.png
03.png

まず初めに左上の横棒3本線をタップします。
次にサーバーと
通話したいチャンネル(ここでいうボイステスト)を選びます。
※Discordのビデオ通話は、音声通話ができるボイスチャンネルで行うことができます。

「ボイスチャンネルに参加」を押すことで、通話が始まります。

04.png
05.png

左下のビデオマークを押せばビデオ通話が開始されます。

赤ドラゴンアイコン.png

あれっ 盤面じゃなくて顔が映ってる!???!!?

CHECK!

カメラの切り替え

06.png

右上にあるカメラマークで内カメラと外カメラを切り替えることができます。

白ドラゴンアイコン.png

​ビデオ通話でありがちなので本番前に確認しといた方がいいかもね

PC+WEBカメラ
白ドラゴンアイコン.png

PC+WEBカメラの場合

白ドラゴンアイコン.png

ここではDiscordのカメラ設定から説明するよ!

白ドラゴンアイコン.png

PCにWEBカメラを接続する方法については一概にこう!とは言えないので、使うカメラの説明書をよく読んで各自で繋いでみてね

赤ドラゴンアイコン.png

説明…書?

白ドラゴンアイコン.png

…………

pc+web 01.png

Discordを開いたら、ユーザーアイコンの近くにある歯車マークからユーザー設定を開きます。

pc+web 02.png

ユーザー設定画面の左側にあるアプリの設定一覧から音声・ビデオをクリックします。

pc+web 03.png

ビデオ設定のカメラから使いたいWEBカメラを選択してください。
右側にあるプレビューで正常に動作していることが確認できればカメラ設定は終了です。

赤ドラゴンアイコン.png

カメラ設定ができたらいよいよビデオ通話!

pc+web 03_2.png

サーバーと通話したいチャンネル(ここでいうボイステスト)を選びます。

pc+web 04.png

ボイスチャンネルに入ったら、左下の動画をクリックすればビデオ通話が開始されます。

pc+web 05.png

CHECK!

PC版のボイスチャンネル

pc+web 04_2.png

PC版はスマホ版と違い、ボイスチャンネルをクリックするとすぐ通話が始まります

白ドラゴンアイコン.png

誤操作で違うチャンネルの通話にいきなり参加…なんてことが

赤ドラゴンアイコン.png

運営もよくやってるやつ

白ドラゴンアイコン.png

チャンネル名は確認…しようね!(戒め)

PC版のボイスチャンネル
PC+スマホ/タブレット
白ドラゴンアイコン.png

PC+スマートフォン/タブレット端末

赤ドラゴンアイコン.png

WEBカメラとかはわかったけど…PCとスマホで出来るの?

白ドラゴンアイコン.png

専用のアプリを使うことにはなるんだけど、スマホをWEBカメラ代わりに出来るんだ

赤ドラゴンアイコン.png

アプリ?

白ドラゴンアイコン.png

今回はiPhone&android対応してるDroidcamを使うよ

赤ドラゴンアイコン.png

もしDroidcamとスマホやPCが相性よくなかったら別のでもいいの?

白ドラゴンアイコン.png

大丈夫!Droidcamの他にはiVCamなんかもあるので、各々使いやすい方を選んでインストールしてね

白ドラゴンアイコン.png

Droidcamをスマートフォンにインストールしよう!

スマホin01.png

ストアからDroidcamのアプリをダウンロードします。

スマホin02.png
スマホin03.png
スマホin04.png

インストール後、アプリを開き枠で囲んだNEXTとGot itをタップします。
WIFI IP : (任意の数字)
Port : (任意の数字)

上記が表示されていればスマートフォン側の準備は終了です。

白ドラゴンアイコン.png

IPとPortは後で使うのでメモしといてね

赤ドラゴンアイコン.png

メモメモ…

白ドラゴンアイコン.png

DroidcamをPCにインストールしよう!

winイン01.png

まず初めにこちらのDroidcamのサイトにアクセスします。
枠で囲った
Download Windows Clientをクリックします。

winイン02.png

枠で囲ったDroidCam Client v~ Downloadからダウンロードします。

その後、ダウンロードしたexeファイルを開きます。

インスト01.png
インスト02.png
インスト03.png

Nextをクリックし、ライセンス契約に同意したらインストール先を確認します。特に何もなければNextをクリックします。

インスト04.png

iPhoneの場合はApple USB Supportにもチェックを入れInstallをクリックします。

インスト05.png
インスト06.png

Finishをクリックしてセットアップウィザードを終了し、デスクトップにDroidcamのショートカットが出来ていればPCへのインストールは終了です。

白ドラゴンアイコン.png

PCとスマホにDroidcamを入れたらいよいよビデオ通話の準備だ!

白ドラゴンアイコン.png

​PCとスマホを接続しよう!

白ドラゴンアイコン.png

Droidcam経由でPCとスマホを接続する方法は2種類あるよ
・wifiで接続
・USBケーブルで接続

赤ドラゴンアイコン.png

なにが違うの?

白ドラゴンアイコン.png

楽なのがwifi、接続が安定するのがUSBケーブルかな

赤ドラゴンアイコン.png

リモート対戦するならUSBケーブルで接続した方が良さそう

赤ドラゴンアイコン.png

あっあっ…ケーブル繋ぐとちょうどいい位置にスマホ置けない…

白ドラゴンアイコン.png

おすすめはもちろんUSBケーブルでの接続だけど、各々の環境に合わせて好きな方を選んでね

白ドラゴンアイコン.png

​wifiで接続

アプリ01.png
アプリ04.png

PC上でDroidcamを開きます。
設定画面が表示されたら左端の
Wifiマークをクリックします。
Wifiマークが青くなっているのが確認できたら、
Device IPの欄に先程メモしたWifi IPの値をそのまま入力します

アプリ05.png
アプリ02.png

正常に表示されれば接続は完了です。

白ドラゴンアイコン.png

USBケーブルで接続

iPhoneの場合は接続するPCを「信頼するコンピュータ」にしてください

詳しくはこちら(外部サイトに飛びます)

androidの場合は「USBデバッグ」を有効にしてください

詳しくはこちら(外部サイトに飛びます)

アプリ03.png

PC上でDroidcamを開きます。
設定画面が表示されたら真ん中の
USBマークをクリックします。
USBマークが青くなっているのが確認できたら、
真ん中の欄に何も表示がなければ更新マークを押します

アプリ06.png
アプリ02.png

正常に表示されれば接続は完了です。

CHECK!

スリープモードはオフに

赤ドラゴンアイコン.png

あれっさっきまで映ってなのに急に切れた…

白ドラゴンアイコン.png

スマホがスリープモードになってない?

赤ドラゴンアイコン.png

あっほんとだ

白ドラゴンアイコン.png

スリープモードになると接続が切れるので、設定でオフにしといてね

白ドラゴンアイコン.png

Discordの設定をしよう!

白ドラゴンアイコン.png

PC+WEBカメラの設定とほぼ同じだけど、もう一度説明するね

赤ドラゴンアイコン.png

ありがてぇ~~~~

pc+web 01.png

Discordを開いたら、ユーザーアイコンの近くにある歯車マークからユーザー設定を開きます。

pc+web 02.png

ユーザー設定画面の左側にあるアプリの設定一覧から音声・ビデオをクリックします。

pc+web 03.png

ビデオ設定のカメラから「Droidcam~」を選択してください。
右側にあるプレビューで正常に動作していることが確認できればカメラ設定は終了です。

白ドラゴンアイコン.png

カメラ設定ができたらいよいよビデオ通話!

pc+web 03_2.png

サーバーと通話したいチャンネル(ここでいうボイステスト)を選びます。

pc+web 04.png

ボイスチャンネルに入ったら、左下の動画をクリックすればビデオ通話が開始されます。

pc+web 05.png
白ドラゴンアイコン.png

PC版のボイスチャンネルについてはこちら

タブレット+スマホ(同じ端末2台)
白ドラゴンアイコン.png

タブレット端末+スマートフォン(同じ端末2台)

白ドラゴンアイコン.png

今度はスマホ+タブレットまたは同じ端末2台でやる方法だよ

赤ドラゴンアイコン.png

同じ端末ってスマホ2台でもいいってこと?

白ドラゴンアイコン.png

大丈夫!ただ今回はDiscordのアカウントが2つ必要だから注意してね

赤ドラゴンアイコン.png

つまり片方の端末をカメラ専用にするってことか

スマホ2台_メイン01.png
スマホ2台_サブ01.png

まずボイス用(メイン)とカメラ用(サブ)の2つのDiscordアカウントを作成します。

大会で使用する場合、カメラ用のアカウント名は「(名前)のサブ」にしてください。また、事前にサブアカウントを使うことを申し出てください。

カメラ用アカウントについて

スマホ2台_メイン02.png
スマホ2台_サブ02.png

メイン・サブのアカウント両方ともボイスチャンネルに参加させます。

ボイスチャンネルの参加についてはこちら

スマホ2台_サブ03.png
スマホ2台_サブ04.png

サブアカウントのみ、左端のビデオマークをタップしビデオ通話を開始します。

CHECK!

サブ(カメラ用)のマイク

スマホ2台_サブ05.png

メイン・サブともにマイクがオンにされていると、通話の際にノイズやハウリング(音が反響すること)の原因になります。

白ドラゴンアイコン.png

カメラ用のアカウントのマイクはミュートがおすすめ

スマホ2台_メイン03.png
スマホ2台_サブ06.png

メインアカウントでサブの映像が表示されれば準備完了です。

うまくいかないときは

赤ドラゴンアイコン.png

うん??????ビデオ映らん…

白ドラゴンアイコン.png

初めてには予期せぬトラブルがつきもの…!

白ドラゴンアイコン.png

~ということでよくあるトラブルをまとめてみたので、参考にしてね!

(外部サイトに飛びます)

白ドラゴンアイコン.png

カメラやマイクの許可がされてない

白ドラゴンアイコン.png

声が聞こえない/マイクが反応しない

白ドラゴンアイコン.png

アプリやOSが最新のバージョンじゃない

・アプリやソフトの場合はアンインストール→再インストール

​・OSの場合は最新のバージョンへ更新

赤ドラゴンアイコン.png

全部試してもうまくいかなかったときは?

白ドラゴンアイコン.png

回線が悪いとか使ってる機器が対応してなかった…なんてこともあるので、大会参加者の方はお問い合わせにご連絡ください!

※大会参加者以外の対応は致しかねます。ご了承ください。

うまくいかないときは

最後に

赤ドラゴンアイコン.png

準備完了ーー!!早速リモート対戦するぞ!!!

白ドラゴンアイコン.png

いやあ~お疲れ様!

赤ドラゴンアイコン.png

と思ったらデッキの準備まだだった!?

白ドラゴンアイコン.png

ダメじゃん

黒緑ライオンアイコン.png

リモートとはいえ大会は大会だ…マナーや、効果宣言などの基本はしっかり行ってくれるとこちらとしては助かる…

白緑ライオンアイコン.png

そのへんのことについては参加者の皆様へを一読願おう!

白ドラゴンアイコン.png

それではみなさまもご自宅​で楽しいリモート対戦ライフを!

※すべて2020年7月7日時点の情報です。

白ドラゴンアイコン.png

(ところで、さっきの2人って誰だったんだろう…)

最後に
bottom of page