hibikousinnkibouのブログ

駆け出しプログラマーによる足跡ブログ

落ちゲーアプリ作成17(BGM鳴らすためにゲーム画面にスタート前の襖の画面追加)

ゲーム中にBGMを鳴らしたいので、画面移動とともに自動スタートでなく、画面移動すると襖の画面になって、音声ありプレイと、音声なしプレイを選べるようにしたいと思いました。

 

画面移動で自動で音声再生の仕方があるっぽいけど、よくわからないのと、いきなり音が鳴るとびっくりするのと、音を鳴らしたくない人もいると思うので、対応したいと思います。

以前の自分の記事

落ちゲーアプリ作成7 - hibikousinnkibouのブログ

昔はオートプレイで音楽を鳴らすことができたようですが、人のクリック等の操作がないと音が鳴らせないみたいなので、ゲーム開始前に音声ありプレイを押してスタートするとBGMが鳴る仕組みにしたいと思っています。

 

ちなみに、この襖をスタートボタンを押すと左右に開くように設定しようと思います。

スタート前画面

方法は左右の襖を gimp を利用して二つに分けて、 position:absolute; でそれぞれ位置を設定。

ボタンを押すと、以前の記事で紹介した

落ちゲーアプリ作成9 - hibikousinnkibouのブログ

の方法で襖が動くようにするという方法を取ります。

css で動きはつけましたが、:active を原因として動いてほしいので、また時間をかけて取り組んでいきます。