Modify the connection link to using skyway

[daiking1756]

Background

• currently, we use firestore snapshot() to connect host and client.
• IMO, we can improve the quality of connection by changing to use skyway from firebase

Goal

• Improve the quality of connection

[daiking1756]

media channelとdata channelの通信が同じpeer idで行えるかどうかの検証を行う

[daiking1756]

検証の結果、media channelとdata channelの通信が同じpeer idで行えることを確認した

[daiking1756]

大事なのは両者のバトルがなるべく同時にスタートされ、なるべく同時にシャッターを切ることであるという重要な観点が抜けていたかもしれない。
この観点からすると、firestoreを用いた実装のほうが、簡単にタイミングを合わせることができているかも。
確かにSkyWay data channelを使った方が、ボタンを押してからすぐにスタートできるかもしれないが、両者のスタートのタイミングが揃っていなければ、何の意味もない。

firestoreを用いた実装の場合

• バトルボタンを押して起こる処理は、firestoreにデータを追加するだけ(お題の表情の数字を格納する)
• 両者とも、firestoreの中身に変化があったかどうかを監視している
• firestoreに変化があった場合、バトルがスタート

同時にバトルがスタートするという観点から

• 両者とも条件が平等のため、割と同時に近いタイミングでスタートできている

---

skyway data channelを用いた実装の場合

• バトルボタンを押した側
  • data channelを用いて対戦相手にお題の表情の数字を送る
  • バトルスタート（通信時間を考慮して、適当に100msくらい待つのもアリ？）
• バトルボタンを押していない側
  • data channelによって数字が送られてきたら、バトルスタート

同時にバトルがスタートするという観点から

• バトルボタンを押したあとにdata channelを用いて数字が通信される時間が発生するため、バトルボタンを押した側が必ず先にバトルスタートする
• 同時に揃えるためには、バトルを押した側が適当に短い時間待つなどの工夫が必要

[daiking1756]

skyway data channelを用いて実装してみたが、正直firestoreを用いた実装と大差ない。
データを貯めていくということを考えると、firestoreを使ったほうが良いかもしれない。

とりあえず、検証してみた結果、firestoreのままでいいと思った。