Unity入門講座|ボタンの配置と音声再生について学ぼう

Unity
うさタブ
うさタブ

今回はUnityのボタンの配置と音声再生について勉強するッピ!

うさタブ
うさタブ

ボタンを押したら音がなる仕組みを一緒につくっていくッピ!

ユウキ
ユウキ

ボタンの配置と音声再生?

アイカ
アイカ

まだ習ったことないわ!

うさタブ
うさタブ

ボタンの配置と音声再生は、
Unityでも基礎の基礎の大事な部分ッピ!

うさタブ
うさタブ

これからこのボタンの配置と音声再生を一緒に勉強して行くッピよ~

ボタンの配置と音声再生について学ぼう

必要なもの

うさタブ
うさタブ

まずは必要なものを用意するッピ!

  • Unity
  • Windows または Mac のパソコン

が必要ッピよ~!

うさタブ
うさタブ

まだ Unity をダウンロードしてない人は

↓ の記事を参考に必要なものをインストールするといいッピ!

音声ファイルを用意しよう!

うさタブ
うさタブ

さっそく音声をUnityで再生するっぴ!

うさタブ
うさタブ

・・・その前に、再生する音声が必要だっぴよ~

効果音ラボ様
うさタブ
うさタブ

今回は効果音ラボさまで、好きな音声をお借りするッピ!

ユウキ
ユウキ

これでいいかな?

ボタンをつくる

うさタブ
うさタブ

それじゃあ、
さっそくUnityでボタンをつくってみるっぴ!

うさタブ
うさタブ

ヒエラルキー下の部分で

右クリックUIボタン

を選択するッピ!

アイカ
アイカ

できたわ!

音声をアセットに登録する

うさタブ
うさタブ

次は音声をアセット登録するッピ!

うさタブ
うさタブ

使いたい音声を、ドラッグ&ドロップでアセットの部分に登録するッピ!

ユウキ
ユウキ

ドラッグ&ドロップってなんだ??

アイカ
アイカ

たしか、

ファイルをマウスで選択したまま

ファイルを移動する方法をドラッグ&ドロップっていうんじゃなかったかしら?

ユウキ
ユウキ

そうだったそうだった!

別のウィンドウからファイルを引っ張ってもってくれば良いんだな!?

ユウキ
ユウキ

こんな感じか?

うさタブ
うさタブ

いい感じだっぴ!

2人ともよく出来てるッピ♪

ボタンに使う音を設定しよう!

うさタブ
うさタブ

次はボタンに音を仕込むッピ!

鳴らしたい音声をBottonドラッグ&ドロップ

してつくるッピ!

アイカ
アイカ

よくわかったわ!

うさタブ
うさタブ

右側のインスペクターの

「Audio Source」

登録した音声が含まれているかチェックだッピ♪

ユウキ
ユウキ

オッケー!

ボタンに押すと音がなるプログラムを仕込む

うさタブ
うさタブ

ボタンに、押すと音がなるプログラムを仕込むッピ!

うさタブ
うさタブ

インスペクター→[クリック時()]→[+]

をクリックするッピ!

うさタブ
うさタブ

左のヒエラルキー下にある

Buttonをドラッグ→[クリック時()]下→[なし(オブジェクト)]

にドロップして、動くプログラムを設定するッピ♪

アイカ
アイカ

Button◎になったわ!

うさタブ
うさタブ

いい感じッピ♪

うさタブ
うさタブ

クリック時()→No Function

をクリックして、

AudioSouce→[Play()]

を選択するッピ♪

テストプレイ

うさタブ
うさタブ

最後にテストプレイをするッピよ~

[▶]を押して、ボタンをクリック!

音が聞こえれば完了ッピ!

ユウキ
ユウキ

おおお!
音が聞こえてるっ

アイカ
アイカ

やったねっ

学習のまとめ

学習のまとめ
  • ヒエラルキーからUI、ボタンでボタンを作成する
  • ドラッグ&ドロップで音声ファイルをアセットに登録
  • 音声ファイルボタンにドラッグして登録する
  • クリック時()の下[+]ボタンを選択
  • ボタンを[なし(オブジェクト)]にドラッグ&ドロップ
  • No Functionのをクリックし、AudioSource→Play()を選択
  • テストプレイ

うさタブ
うさタブ

次はC#スプリクトで音を出してみるッピよ~~!

スポンサーリンク
スポンサーリンク
スポンサーリンク

どうしてもわからない、そんなときは?

ユウキ
ユウキ

うーん・・・

やっぱり、どうしてこーなるか良くワカンナイな~

説明を聞いたすぐはわかったつもりなんだけどさ

アイカ
アイカ

そうね・・・わたしも

すぐに復習できる環境じゃないから

宿題とか困っちゃうわ・・・

ユウキ
ユウキ

他に気軽に教えてくれる先生とかいるといいんだけどな~

うさタブ
うさタブ

フムフム!

そんなときは、プログラミング講座がオススメッピね~

アイカ
アイカ

そんなのあるのか?

ていうかドコいけばいいんだよ

うさタブ
うさタブ

それなら、やっぱり一番安心自宅でできる動画教材がよいッピ!

うさタブ
うさタブ
テレビCMでも話題の有名教材
Udemyとかどうッピか?

 

うさタブ
うさタブ
Udemyは、HTMLからJavaScript
人気の機械学習からUnityゲーム講座まで選び放題ッピ!

うさタブ
うさタブ

買い切り講座だから
いつでも勉強し放題、動画制作や難しいマーケティングなんかも勉強できるッピ~!

ユウキ
ユウキ

へえ~、こんなのがあるのか

うさタブ
うさタブ

ちびっこのみんなは、キュレオプログラミング教室がオススメッピ!

実際の教室で自分以外の同い年と一緒に勉強することで、自分も負けないゾ!と思えておサボりを防ぐことができるッピ!
さらに、クラスのみんなと差をつけてすごいプログラムが作れちゃうッピ

教室名 対象 学習言語 教室場所 無料体験・カウンセリング
Udemy 学生~社会人 Unity
HTML/CSS
JavaScript
MySQL
Python等
オンライン講座
コース買い切り
講座によってサンプル○
Unityゲーム講座アリ
 

「QUREOプログラミング教室」

小学2年生〜中学3年生 Scratch 全国各地
2500教室
無料体験◯
【LITALICOワンダー】 小学1年生〜高校生 Scratch
Unity C#
HTML / CSS
JavaScript
東京都,神奈川,埼玉県,千葉
オンライン
無料体験◯
3Dプリントなどの講座によっては別途料金

ユウキ
ユウキ

よーし、ちょっと体験だけでもやってみるか!

アイカ
アイカ

わたしもさっそくチェックしてみようかな♪

スポンサーリンク

どうしてもわからない、そんなときは?

ユウキ
ユウキ

うーん・・・

やっぱり、どうしてこーなるか良くワカンナイな~

説明を聞いたすぐはわかったつもりなんだけどさ

アイカ
アイカ

そうね・・・わたしも

すぐに復習できる環境じゃないから

宿題とか困っちゃうわ・・・

ユウキ
ユウキ

他に気軽に教えてくれる先生とかいるといいんだけどな~

うさタブ
うさタブ

フムフム!

そんなときは、プログラミング講座がオススメッピね~

アイカ
アイカ

そんなのあるのか?

ていうかドコいけばいいんだよ

うさタブ
うさタブ

それなら、やっぱり一番安心自宅でできる動画教材がよいッピ!

うさタブ
うさタブ
テレビCMでも話題の有名教材
Udemyとかどうッピか?

うさタブ
うさタブ
Udemyは、HTMLからJavaScript
人気の機械学習からUnityゲーム講座まで選び放題ッピ!

うさタブ
うさタブ

買い切り講座だから
いつでも勉強し放題、動画制作や難しいマーケティングなんかも勉強できるッピ~!

ユウキ
ユウキ

へえ~、こんなのがあるのか

うさタブ
うさタブ

ちびっこのみんな、キュレオプログラミング教室を受けて
自分以外の同い年と一緒に勉強することで、自分も負けないゾ!と思えて
おサボりを防ぐことができるッピ!
さらに、クラスのみんなと差をつけてすごいプログラムが作れちゃうッピ

先生やパパママにほめられて、学習効率が最高にグングン↑↑ッピよ~~♪

うさタブ
うさタブ

未来都市キュレオを舞台に、魅力的なキャラクターがたくさん登場する・ゲーム感覚で楽しく学べるプログラミング教室ッピ!

困ったことも先生に直接聞けるのが最高ッピ~!

うさタブ
うさタブ

全国2500教室もあるから、

きっとみんなの近くにも教室があるッピ。

公式サイト近くに教室があるかチェックしてみるとよいッピ!

ユウキ
ユウキ

なんだこれ! スゲーなっ

ゲームみたいにやってるうちに、自然と勉強できてるみたいな感じ?

アイカ
アイカ

そんなものがあるのねっ!

うさタブ
うさタブ

ロボットをプログラミングしてみるなら

LITALICOワンダーがオススメッピ!

JavaScriptも勉強できるッピよ~!

教室名 対象 学習言語 無料体験/教室場所
Udemy 学生~社会人 Unity
HTML/CSS
JavaScript
MySQL
Python等
オンライン講座
講座によってサンプル○
「QUREOプログラミング教室」
小学2年生〜中学3年生 Scratch 教室によって無料体験◯
全国各地の教室
【LITALICOワンダー】 小学1年生〜高校生 Scratch
Unity C#
HTML / CSS
JavaScript
無料体験◯
3Dプリントなどの講座によっては別途料金
東京周辺
オンライン

ユウキ
ユウキ

よーし、ちょっと体験だけでもやってみるか!

アイカ
アイカ

わたしもさっそくチェックしてみようかな♪

Unityプログラミング動画付き
学んで遊んでジャンケンポン!
タイトルとURLをコピーしました