モナドのまほう　第16話『Gamepad APIでブラウザでもゲームパッドを使う/Sentryでクラッシュレポート』

2017年1月4日 ( 8年前に投稿 )

[第一話](/post/5321d8cebce7b87851f6/) / [前回](/post/6b4353009059836569d1/) / [デモ](https://aratama.github.io/cubbit/)

ゲームを作る日記です。本作の開発費は０円です。


# ゲームパッドに対応しました

行方不明だったゲームパッドが無事発見されたので、ゲームパッドへの対応を始めました。UIをかなりいじる必要があるのでまだ作業途中なのですが、フィールドを歩き回ったり周囲を見回す操作がゲームパッドでできるようになっています。

マウスやキーボードよりゲームパッドでプレイするほうが私は好きですし、むしろゲームパッド前提にしたくなってきました。ブロックを置くのはマウスのほうが便利なんですが、フィールドを歩きまわるのはゲームパッドのほうが圧倒的に楽です。ただ、ゲームパッドだと三人称視点でのブロックの配置操作をどうするかが悩みどころです。ドラクエビルダーズみたいに隣接する区画だけに置けるようにするというのもひとつの手だとは思います。

# 起動を早くしたいけど無理でした

ウェブから起動すると、github pagesがあまり早くないのもあって起動にかなりの時間がかかると思いますが、ローカルで動かしているときも起動に１０秒くらいかかります。開発中は頻繁に再起動を繰り返すので、あまり快適とは言えません。起動を早く出来ないか検討したのですが、いい方法が見つかりません。画像や音声などのファイルの読み込みを可能な限り遅らせようとしても、結局シーンの切り替えが長くなるだけで根本的な解決にはならなさそうです。よくクソゲーの理由として「ロードが長い」が挙げられますし、たびたび挟まれるロードはプレイヤーにとってかなりのストレスになると思われるので、そういう意味でも起動時に可能な限りすべて読み込んでしまうのがベターであるように思います。

しかたないので、起動中に間をもたせるために操作ガイドを表示することにしました。[Inkscape](https://inkscape.org/)でテキトーに描いたんですが、やっぱりデザインのアイデアがさっぱり浮かんでこないのでダサいです。デザインってイラストレーションなんかともまた違ったセオリーがあってすごく難しいです。普段からデザインのアイデアを収集する習慣がないので、引き出しがぜんぜん足りません。またいい感じのデザインが思いついたら差し替えようと思います。

![bitmap.png](/post/02cea526f5487d579cec/29d6537f-b995-fb40-06e4-f0387a45377f.png)

# Sentryを試しています

クラッシュレポートが欲しくて、[Sentry/raven-js](https://sentry.io/)を試しています。使い方はとても簡単で、Sentryにアカウントを登録したあと、アプリケーションに`raven.min.js`を読み込んで、それから`Raven.config('https://<<SentryのID>>').install()`を実行しravenを起動するだけです。そうすると、アプリでエラーが起きるたびにログを取ってくれます。

なおFirebaseにも[クラッシュレポート](https://firebase.google.com/docs/crash/)の機能があって死ぬほど使いたいんですが、悲しいことにAndroidとiOSにしか提供されていないのです。それで早速ですが、Safariで`exitPointerLock`がないという問題が報告されました。なかなか便利そうです。

![sentry.png](/post/02cea526f5487d579cec/f6a9a283-8a65-0861-a198-0b9313fb79bd.png)

[Can I Use](http://caniuse.com/#feat=pointerlock)で見ると、Safariは`Technology Preview`っていうステータスになっていますね。うーん？

![can.png](/post/02cea526f5487d579cec/110ea224-2e0c-0280-0c82-544640022069.png)


対処を考えたいですが、貧乏な筆者は残念ながらMacを持っていないので、いやMacが高いとかそういう意味ではなくガチで筆者は貧乏なので、今のところ推奨環境は筆者が動作確認のできるChrome/Firefox/Edgeに限っています。誰かが私にMacを買い与えてくれれば、Safariも加えたいと思います。他にも、古いSafari(?)でSyntaxErrorが出てますね。Safari使いの人はごめんなさい。問題が起きていることはある程度把握しています。QiitaはなぜかSafari率がかなり高いサイトのようですし、いずれSafariにも対応したいと思います。

ちなみにスマホはぜんぶ対象外です。性能面が極めて厳しいというのもありますし、操作性が劣悪なので筆者があんまりスマホでゲームするのが好きじゃないっていうのもあります。現代ではどう考えてもPCゲーよりスマホゲーのほうが売れますが、私はスマホゲー作るのはあんまり興味が薄かったりします。



# rawgitでCDN

[githubのreadme](https://github.com/aratama/cubbit)に、RawGit/MaxCDNを通じてデモを起動するリンクを用意してみました。github pagesよりrawgit経由のほうがずっと読み込みが早いのでお勧めです。rawgitのほうのURLは随時変更されるので、readmeに乗っているリンクから開いてください。ただしドメインが変わってしまうので、シングルプレイヤーモードでのデータが共有できませんが。

# 次のお話

* * [第17話『ｱｶﾈﾁｬﾝｶﾜｲｲﾔｯﾀｰ!』](/post/ce2abda332d50f461493/)

----

（この記事は同じ筆者が Qiita に投稿した記事の複製です。オリジナル記事)

Admittedly something small.

ちょっと小さいのはたしかですが。

モナドのまほう　第16話『Gamepad APIでブラウザでもゲームパッドを使う/Sentryでクラッシュレポート』

モナドのまほう 第16話『Gamepad APIでブラウザでもゲームパッドを使う/Sentryでクラッシュレポート』

モナドのまほう　第16話『Gamepad APIでブラウザでもゲームパッドを使う/Sentryでクラッシュレポート』