JavaScript対応のゲームエンジン「Phaser3」を用いて、スマホ対応のブラウザゲームを作る際のtipsをまとめたWikiです。

スマホ実機で動作確認をしたい場合、PCで立てたlocalhostにスマホから繋ぐことができると便利。
方法は簡単で、同じWifiに繋げばアクセスできる。



接続手順

画像付きで丁寧に見たい人は以下の記事を見るとか適当にググるなど。
localhostにスマホから繋げてみた!!(Windows編)
localhostにスマホから繋げてみた!!(Mac編)

PCとスマホで同じWi-Fiに繋ぐ

特に、aとかgまで同一であることを確認する

スマホから192.168.*.*にアクセスする

http-serverの場合
http-serverを実行したウィンドウを見ると、Available onのところに「http://192.168.0.10:8080」などと記載されているので、スマホのWebブラウザのURL欄にこれを打ち込む。
それ以外で、どこに繋げばいいか分からない場合
コマンドプロンプトでipconfigを実行し、デフォルトゲートウェイが開いているところのIPv4アドレスを探す。
詳しくは上述のリンクなどに記載。

接続トラブルシューティング

アクセスできない

PCから同じURLにアクセスしてみる
これが接続できない場合、繋ぐIPアドレスが間違っている。
スマホのIPアドレスにpingを送ってみる
1.スマホから、今接続しているWi-Fiのネットワーク設定を確認して、IPアドレスを確認する(192.168.0.11みたいなやつ)
2.PCでコマンドプロンプトを立ち上げてpingコマンドを実行する
これが成功する場合、PC側のファイアウォールが原因の可能性がある。
ファイアウォールを確認する

マカフィーくんを開いたら「不審な接続をブロックしました!」って自慢気にしてた。
192.168.0.0〜192.168.255.255からの接続を許可するように設定しよう。

コードの更新が反映されない

PCで「普通のリロード(F5)で反映されないがスーパーリロード(ctrl+F5)したら反映される」という状況であれば、スマホでもスーパーリロードできるようにしましょう。
(PCでも反映されない場合は、ビルドの再確認やローカルサーバのキャッシュ設定などを見直してください)

コメントをかく


「http://」を含む投稿は禁止されています。

利用規約をご確認のうえご記入下さい

Menu

メニューサンプル1

スマホ操作

  • スワイプ操作?

Phaser共通機能

個別ゲームtips

メニューサンプル

開くメニュー

閉じるメニュー

  • アイテム
  • アイテム
  • アイテム
  • アイテム?
【メニュー編集】

どなたでも編集できます