Unityでゲームを作る時、BGMやSE(サウンド音)が必要になってくると思う。これを実装するのはそんなに難しくはないが、よくゲームに実装されているBGMやSEをスライダーで調整する機能を取り入れると難しかったので、これをまとめてみる。他のやり方で実装する方法もあると思うので参考程度に見てほしい。
主に、参考欄に貼ったテラシュールブログさんの記事を参考に実装してます。
また、記事内では2Dプロジェクトで作成してます。
BGMとSEを設定する
まずは、スライダーを設定する前にBGMとSEを設定してみる。余裕のある人は、以下の手順で実際に手を動かしてみてほしい。
音源をAssets以下に入れておく
BGMやSEをフリーサイトからあらかじめ取得しておこう。取得したらBGMフォルダをAsset内に作成してその中に落としてきた音源を突っ込んでおく。
![](https://taidanahibi.com/wp-content/uploads/1fe2d844aed387fbb9a5bd34e93d9db2.png)
BGMを設定する
次にUnityのプロジェクトを立ち上げて、BGMを流す用のオブジェクトを作成する。
![](https://taidanahibi.com/wp-content/uploads/cfb6eeb57abc1055fb419934ad342d96.png)
BgmManagerが作成できたら、今度はAudioSourceコンポーネントをそのオブジェクトにくっつけよう。
![](https://taidanahibi.com/wp-content/uploads/64c75dabbdb82b87f72ddb20afefe7d0-695x1024.png)
このAudioSourceコンポーネントのAudioClipに流したい曲をくっ付けるだけで、もうゲームでBGMを流すことができる。
![](https://taidanahibi.com/wp-content/uploads/5940e734388215be1fa1a58515a4d2fa.png)
試しにPlayボタンを押してみよう。おそらく設定したBGMが流れるはずだ。
SEを設定する
SEとは、サウンドエフェクトの略でボタンを押した時に、ピコッってなったりする効果音のことだ。これも設定していこう。
今回は、ボタンをクリックしたら音が出るといったような感じにしたいので、まずはボタンを作成する。
![](https://taidanahibi.com/wp-content/uploads/4927c844f4b0319b6f6bf93df4793882.png)
![](https://taidanahibi.com/wp-content/uploads/04abde31f2d62d79cadab4e31275a79d.png)
「ボタンを押したら〜」って実装をしたい場合は、ButtonコンポーネントのOnClick()の部分に設定をしていく。
![](https://taidanahibi.com/wp-content/uploads/13b478302b43972829b870d869af508a.png)
このOnClick()の部分にサウンドを設定したい。その為に、SE用のオブジェクトを新しく作成しよう。空のGameObjectを作ってSEManagerとでもしておこう。
![](https://taidanahibi.com/wp-content/uploads/8236558ea6c7c19d2ef08d9823d865d4.png)
そしたら、これにまたAudioSourceコンポーネントをくっ付ける。
![](https://taidanahibi.com/wp-content/uploads/4a0b9fc929364ce82a41553bd6434d68-715x1024.png)
そして、AudioClipの欄にSEを設定する、、、と思いきやSEの場合はそうではない。SEの場合はとりあえず何も設定しなくていい。ただ、AudioSourceコンポーネントをくっ付ければいいだけだ。
出来たら、ButtonのOnClick()に戻って、そこにSEManagerを突っ込もう。
![](https://taidanahibi.com/wp-content/uploads/12ead948915b1faf2752020524bf3308.png)
![](https://taidanahibi.com/wp-content/uploads/686b7878957627ab2554820ab9b796e4.png)
突っ込んだら、No Functionとなっている部分から、AudioSource→PlayOneShot(AudioClip)を選択する。
![](https://taidanahibi.com/wp-content/uploads/a4af898450f610e530aaecc82a1d7d2d.png)
ここで何をやっているかというと、AudioSourceクラスのPlayOneShotメソッドを呼び出している。
なぜ、AudioSourceクラスを呼べるかというと、SEManagerにAudioSourceコンポーネントがくっついているからだ。このAudioSourceコンポーネントを通して、PlayOneShotを呼んでいる。
PlayOneShotメソッドは1回だけ音を鳴らすメソッドで、このメソッドに音源を設定していく。
![](https://taidanahibi.com/wp-content/uploads/caaab5a3af58593ac6d5b87e8a6ceb28.png)
![](https://taidanahibi.com/wp-content/uploads/a1b0749dd6d911e887fa6cb0f36ebe61.png)
音源を設定したら、再生してから実際にボタンをクリックして音を鳴らしてみよう。おそらく1回音がなるはずだ。
ちょっとこのSEのところを整理してみよう。
- 空のGameObjectを作り、AudioSourceコンポーネントをくっつける。(ここではSEManager)
- Buttonオブジェクトを作成して、そこのOnClick()部分に、SEmanagerを突っ込む。
- Functionの部分にPlayOneShotを設定する
- AudioClipに再生したいSEを設定する
こんなところだろうか。途中意味がわからなくても、実際に手を動かせばそのうち意味もわかってくるはずなので、まずは試しに作ってみてください。
Buttonをもう一つ作成してSEを設定する
BGMと違ってSE音は色々なところで使うはずだ。ボタンはおそらく1つじゃなく複数あるだろうし、このボタンでは違うSE音を鳴らしたい等必要に応じてSE音を変更しなくてはならない。これの実装もわりと簡単なので、以下の手順に沿ってやってみよう。
HierarchyにButtonをもう1つ作成する。
![](https://taidanahibi.com/wp-content/uploads/38374cf54062bb25c6ace4c86de007c8.png)
![](https://taidanahibi.com/wp-content/uploads/517cdb23d4f12fb14e449a1062166c6e.png)
ButtonコンポーネントのOnClickに上で作ったSEManagerをアタッチ。
上と同様の手順でPlayOnShotを呼び出して、SEに好きな音源を設定するだけだ。
![](https://taidanahibi.com/wp-content/uploads/a99ef5e07d35a83221911a934f81261c.png)
これで再生すると、Button1と2にはそれぞれ設定した音がボタンを押すたびに聞こえるはずだ。
つまりはAudioSourceコンポーネントがついたGameObjectを一つ用意しておくだけで、それを通してさまざまなオブジェクトにSEを設定できる。
そして、これのVolumeを変更していくことで、全体のSEの音量を変更していくことができるようになるというわけだ。(この部分がSliderを動かして音を変更する本記事の目的に繋がる)
![](https://taidanahibi.com/wp-content/uploads/2286a5776749229525bb06248190f207-621x1024.png)
【応用】Prefabにしたボタンにはどうやって音を設定するのか?
ここで一つ自分が詰まってしまったものを紹介する。やらない人は結構長いので飛ばしてもOK。(本当はこれを自分用にまとめておきたかったのが目的だったりもする。)
既にHierarchy上にあるボタンにはOnClick()からSEManagerをくっ付けることができた。
ただ、何らかの操作をしてから生成したボタンなどのオブジェクトにはどうやってSEを設定すればよいだろうか。
普通にOnClick()にSEManagerをくっ付ければよくないか?と思うかもしれないが、PrefabにしてしまうとSEManagerをくっ付けることができなくなる。
試しに、上で作ったボタンをPrefab化しよう。
![](https://taidanahibi.com/wp-content/uploads/aac20834dddc8ecfe1b832ca2d1f391e.png)
![](https://taidanahibi.com/wp-content/uploads/044729b7bae4469b1afa19f118dbd06c.png)
元々、Button1のOnClick()上には、SE音が設定されていたはずだ。ただ、Button1のPrefabを開くと、そこにSEは設定されていない。(Hierarchy上のButton1には設定されたままです。このButton1は使わないので削除してください。)
![](https://taidanahibi.com/wp-content/uploads/51b8dfcef6382c02cf086c355937da57-1024x348.png)
これでは、このボタンをInstantiateしたとしても、OnClick()に音が設定されていないのでSE音が鳴らない。どうしたものかと詰まって検索したところ、こちらの記事で解決できた。今回はこの記事に沿って、PrefabにもSEを設定する。
こうすることで、SEManagerのVolumeを変更すれば、PrefabのSEもPrefabじゃないSEも一括で音量変更ができるようになる。
その解決方法を見ていこう。自分もよくわかってない用語ややり方もあるのでそこは理解次第追記予定です。
ScriptableObjectを作成する
いきなりわからん単語が出てきた。ScriptableObjectのことをイマイチわかってないけど、とりあえずこいつはGameObjectにはくっつけないものらしい。詳しくはググってみてください。
新規に C#スクリプトを作成して、SEManagerという名前をつけて以下の用に記述しよう。
![](https://taidanahibi.com/wp-content/uploads/99980ff9796fd1b1d088d203fb8f1ae1.png)
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
[CreateAssetMenu]
public class SEManager : ScriptableObject
{
public AudioSource audioSource{ get; set; }
public void PlayOneShot(AudioClip clip)
{
if (audioSource != null)
{
audioSource.PlayOneShot(clip);
}
}
}
わからないなりにも、ポイントだけ見ていく。
まずは継承。ScriptableObjectはGameObjectにくっつけるわけではないので、:MonoBehaviorではなく:ScriptableObjectを継承しよう。
そして、[CreateAssetMenu]をクラスの定義の上に記述する。これを書くと、Projectの+ボタンからScriptableObjectのアセットを作ることができる。(自分は、「クラスのインスタンス」的な意味で解釈してるけどあってるかしら)
![](https://taidanahibi.com/wp-content/uploads/d5ee228d572ff5bf360fdbb70417225a.png)
このScriptableObjectのアセットを通して、PrefabのOnClick()にも音を設定できるようにしていく。
残りのコード部分、public AudioSource audioSource{ get; set; }は普通にプロパティで。public void PlayOneShot(AudioClip clip)はメソッドだ。
ScriptableObjectのアセットを生成する
ここまで出来たら実際にProjectの+ボタン→SE ManagerをクリックしてScriptableObjectのアセットを生成しよう。
生成されたらAssetsフォルダ以下にNew SE Managerと書かれたアセットが生成されるはずだ。
![](https://taidanahibi.com/wp-content/uploads/66d6880b62adfbd6eba26e5c1859c071.png)
インスペクタを見てみると、スクリプトに書いたプロパティも表示されてる。
![](https://taidanahibi.com/wp-content/uploads/b20d203f4b152203e3497d59997e3977.png)
ButtonコンポーネントのOnClickにScriptableObjectのアセットをくっつける
ScriptableObjectのアセットが出来たらButtonの方に戻ろう。ButtonのPrefabを開いて、OnClick()からこのアセットを設定する。
そう、つまりは、このアセットを生成することで、PrefabのOnClick()にこれをくっつけることができるようになるのだ。
![](https://taidanahibi.com/wp-content/uploads/319fb563451cd725a644adda8e589666.png)
![](https://taidanahibi.com/wp-content/uploads/411ce588f595f38e95ceda8cce6754bb.png)
アセットファイルを設定したら、SEManagerからPlayOneShotメソッドを呼び出す。あくまで、このメソッドはScriptableObject内で定義したメソッドで、AudioSourceコンポーネントから呼んできているものとは違うぞ。
![](https://taidanahibi.com/wp-content/uploads/5adb143c39059ad0dc26a8995776a520.png)
//SEManager(ScriptableObject)の中のメソッド
public void PlayOneShot(AudioClip clip)
{
if (audioSource != null)
{
audioSource.PlayOneShot(clip);
}
}
SEを設定する
ScriptableObjectのファイルをアタッチし、PlayOneShotを選択したら、後はサウンドを設定しよう。
![](https://taidanahibi.com/wp-content/uploads/cba99e22683004b2af410c67906f26bd.png)
![](https://taidanahibi.com/wp-content/uploads/e4d187ac62806b95ccdda2087e751e28.png)
ボタンPrefabをHierarchyに持っていき、再生する
設定し終わったら、ボタンPrefabを、Hierarchy上にD&Dしよう。そしたら、実際に再生してボタンをクリックして音が鳴るか確かめる。
![](https://taidanahibi.com/wp-content/uploads/e1b972cd0dc4a20522efa3791a78a116-429x1024.png)
ボタンをクリックして、、あれ?音が鳴らない。実はまだこれだけだと音を鳴らすことができない。なぜだかわかるだろうか?
それはScriptableObjectのpublic AudioSource audioSource;
部分にaudioSourceコンポーネントが入っていないからである。ScriptableObject内のPlayOneShotメソッドでは、audioSourceのPlayOneShotを呼び出しいる。ただ、audioSource自体にはまだ何もつけていない。これを解決するのが以下の方法だ。
![](https://taidanahibi.com/wp-content/uploads/b20d203f4b152203e3497d59997e3977.png)
MonoBehaviourEventTriggerスクリプトを作成する
新たにProject内からC#スクリプトを作成して、MonoBehaviourEventTriggerと名付けよう。これは、Hierarchy上のSEManagerオブジェクトにくっ付けるもので、
![](https://taidanahibi.com/wp-content/uploads/92d301c1509b8ea6be5cd3aa7859c5a6.png)
ファイルが生成できたら、以下をコピペしよう。
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Events;
public class MonoBehaviourEventTrigger : MonoBehaviour
{
public UnityEvent onAwake = new UnityEvent();
public UnityEvent onDestroy = new UnityEvent();
void Awake()
{
onAwake.Invoke();
}
void OnDestroy()
{
onDestroy.Invoke();
}
}
このスクリプトに書かれていることは正直全く理解していないが、とりあえずコピペしよう。
SEManagerオブジェクトにMonoBehaviourEventTriggerスクリプトをアタッチする
スクリプトができたら、それを「SEを設定する」で作成した、SEManagerオブジェクトにアタッチする。SEManagerオブジェクトはSEを管理するオブジェクトだ。このオブジェクトにMonoBehaviourEventTriggerをアタッチしよう。
![](https://taidanahibi.com/wp-content/uploads/6e608253bc2db1a3d98eea6243337c8e-640x1024.png)
![](https://taidanahibi.com/wp-content/uploads/149f2a30ebd96eefb46139234ded4081-530x1024.png)
OnAwake()にNewSEManagerアセットファイルを設定
MonoBehaviourEventTriggerがアタッチできたら、OnAwaka()にアセットファイルを設定する。
![](https://taidanahibi.com/wp-content/uploads/e04709a390f07f3ac90f7229be30fb02.png)
設定できたら、NoFunction→SEManager→AudioSource audioSourceを選択する。AudioSource audioSourceはメソッドじゃなくてプロパティだが、イベントに使用できるとのこと。(プロパティはフィールドを取得できるメソッドみたいなもの、フィールド・プロパティ・メソッドの概念が頭に入っていると理解しやすいかも)
![](https://taidanahibi.com/wp-content/uploads/9c61e2e230307fae05b414e40a02a933.png)
audioSourceプロパティを選択したら、AudioSourceをこれに入れてあげる。
![](https://taidanahibi.com/wp-content/uploads/b583a1e4d98b85d8c29dd60a867371fd-695x1024.png)
OnAwake()はおそらく、SEManagerオブジェクトが生成されたら呼ばれるコールバック関数(ある関数が呼ばれた後に呼ばれる関数みたいなイメージ:ここではAwake関数が呼ばれた後に、OnAwakeが呼ばれている)みたいなもので、そのタイミングでプロパティにAudioSourceコンポーネントを突っ込んでいるという意味合いであってると思う。
これを行うことで、再生のタイミングで、ScriptableObjectのpublic AudioSource audioSource;
部分にaudioSourceコンポーネントを突っ込むことができた。これで、Prefabから作成したボタンでも音がでるようになるはずだ。
実際に再生して確かめてほしい。
Sliderを作成する
いよいよこれから本題に入っていく。まずはSliderを作成しよう。
BGMとSE用に2本Sliderを用意するが、とりあえず最初はBGMから調整できるように設定していく。
![](https://taidanahibi.com/wp-content/uploads/e673240f9410c538df06b6f2d6d4f0ba.png)
![](https://taidanahibi.com/wp-content/uploads/40e0539d30d88c4ea549c16237524a34.png)
Sliderを作ったら、インスペクタのSliderコンポーネントの中のValueを0から1に変更しておく。
![](https://taidanahibi.com/wp-content/uploads/6f947a598b94a367322a002f58219104.png)
![](https://taidanahibi.com/wp-content/uploads/5c293ae5cb224b69598aa8e6f9fb91c2.png)
![](https://taidanahibi.com/wp-content/uploads/75db6fdad1e52db34c2a1ddf486e381a.png)
これは、音量は最初からMax値で鳴らし、段々音を下げるようにするためだ。このValueを弄ることで音量を変更できるように設定する。
BgmMangerScriptを作成する
次にBgmManagerScriptを作成する。このスクリプトは、Bgmオブジェクトにくっ付ける用途のスクリプトでここで、上で作成したSliderを受け取って操作する。
![](https://taidanahibi.com/wp-content/uploads/8b1a56707debc7e312bf8da8d89852a1.png)
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class BgmManager : MonoBehaviour
{
public Slider slider;
AudioSource audioSource;
void Start()
{
audioSource = GetComponent<AudioSource>();
slider.onValueChanged.AddListener(value => this.audioSource.volume = value);
}
}
sliderをアウトレット接続で受け取って、sliderのvalueがチェンジする度に、自身にくっついているaudioSourceコンポーネントのvolumeをいじっているっていう感じのスクリプトだ。
AddLisnerの中身はよくわからんけど、動けば問題ない。
BgmManagerスクリプトをアタッチする
BgmManagerスクリプトが出来たらそれをBgmオブジェクトにアタッチする。そして、Sliderを突っ込んであげる。これでBGMの音量が調整できるようになったはずだ。
![](https://taidanahibi.com/wp-content/uploads/fe5f2099dc5fb61f87ae92304a5fb70d-1024x449.jpg)
![](https://taidanahibi.com/wp-content/uploads/s62oz-3lki1-1024x127.gif)
SEの方も同様の手順で行えば、音量の変更ができるぞ。
まとめ
一応、これでBGMとSEの音量をスライダーから変更することができた。特に、PrefabのOnClick()に音を設定する方法は難しかったと思う。今はまだわからなくてもそのうちわかるようになるはずだ。(自分に言い聞かせてます。)
たぶん他にももっとやり方があると思うんだが今の自分にはこれが精一杯なので、他のやり方を見つけたら別記事でまとめます。