#830 開発工程日誌「#016 cssの闇とコントローラとサウンド仕様についての話」

こんにちは。影織です。
今回はさまざまな小ネタです。

z-indexの難しい仕様
ツール内で、パーツをクリックすると、そのパーツが最前面に出てきます。



これは、z-indexを最大にしているわけではないようです（そうなんだ!?）。

CSSのz-indexは、ただ数値を設定したら、その順番に並ぶ...という簡単なものではなく、
z-index:auto;というデフォルト値が設定されている場合に、
z-indexが入っているものだけが手前に出てきます。

その仕様を逆手に取って、表示させているそうなんですね。

z-indexに関してより詳しく学びたい方は、こちらの記事もオススメです。
深堀りCSS : z-indexの不可解を克服せよ


ゲームのコントロール
ゲーム内では、キャラクターをユーザーが動かすというより、
ギミックが仕掛けられた箇所をクリックしたら、
キャラクターが勝手にそこまで動くような仕様で作る予定です。

もし後で動かしたくなったらキーコントロールのツールを入れればいい、
とのことで、拡張に柔軟にできるクラス設計をしておくと、
こういった仕様変更も比較的簡単にできます。


音や振動イベントを入れる障壁〜ブラウザの仕様
振動について
最初、このゲームはスマホアプリとして開発しようとしていたので、
オプションで振動をつけようと思っていました。

しかし、JavaScriptを使って、ブラウザゲームで振動させるのは、
仕様的に難しそうです。
ちなみに、昔懐かしのFlash携帯ゲームでは、簡単に実装できたそうですよ。

音について
Safariでは、最初にタッチイベントを挟まずに、
サイトにアクセスした瞬間にいきなり音を再生することができない仕様になっています。

そのため、Top画面のスタートボタンをトリガーにする必要がありそうです。


ブラウザ別検証の必要性
ここで色々話していて、さまざまなブラウザや、端末での検証が必要そうだと思いました。
検証できる段階までゲームが仕上がるのはまだ少し先ですが、
こういう点も、早い内から気にかけておくのが大事ですね。