ホーム > プログラミング > オンライン対戦ゲームを作る > 10.スマートフォンへの対応

10.スマートフォンへの対応



スマートフォンに対応します。
タッチ操作でも操作できるようにします。

デモ

デモ(Google App Engine):https://online-battle-tanks.appspot.com/index10.html
デモ(Heroku):http://online-battle-tanks.herokuapp.com/index10.html

解説

タッチ操作でも操作できるようにするための、変更は以下です。

(サーバー側)

(クライアント側)index.htmlの変更

(クライアント側)クライアント側開始処理の変更

準備

09.を実施していない場合は、まず、09.を実施します。

クライアント側スクリプトの変更

index.htmlの変更

「public/index.html」 の内容を以下のようにします。


コード解説

クライアント側開始処理の変更

「public/js/client.js」 の末尾に、以下を追加します


コード解説

動作確認

サーバーを起動します。
「OnlineBattleTanks」フォルダで、以下のコマンドを実行します。


ブラウザから、「localhost:1337」にアクセスします。

大きいゲームフィールドに対して、自タンクを中心とした小さい領域で表示されます。

起動したサーバーは、「Ctrl + C」で終了します。

ダウンロード

サンプルプログラム

デモ

デモ(Google App Engine):https://online-battle-tanks.appspot.com/index10.html
デモ(Heroku):http://online-battle-tanks.herokuapp.com/index10.html

関連ページ

前項目:09.ゲームフィールドの全部ではなく一部を表示


ご意見、ご感想、ご質問、ご要望等は、「コメントを投稿する」もしくは「ホーム > コンタクト」よりお願いいたします。
内容の誤り、誤字脱字、リンクミスなどの問題点を発見された場合には「コメントを投稿する」もしくは「ホーム > コンタクト」より連絡していただけると幸いです。


Copyright (c) 2005-2018 Nobuki HIRAMINE All rights reserved.