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#スプリクトで音を出してみるッピよ~~!

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

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

ユウキ
ユウキ

うーん・・・

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

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

アイカ
アイカ

そうね・・・わたしも

先生やうさタブさんにすぐに聞ける環境じゃないから

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

ユウキ
ユウキ

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

うさタブ
うさタブ

フムフム!

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

アイカ
アイカ

そんなのあるのか?

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

うさタブ
うさタブ

それなら、やっぱり一番安心自宅近所の教室がよいッピ!

うさタブ
うさタブ
テレビや雑誌に紹介された超有名教室
QUREOプログラミング教室とかどうッピか?

うさタブ
うさタブ

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

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

うさタブ
うさタブ

全国2500教室もあるから、

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

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

ユウキ
ユウキ

なんだこれ! スゲーなっ

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

アイカ
アイカ

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

うさタブ
うさタブ
キュレオプログラミング教室は、
アメーバブログやアベマTV・バンドリをプロディースしている
サイバーエージェント」のグループ会社で、確かな実績があるッピ!

うさタブ
うさタブ

オンラインで授業を受けるなら

Tech Kids Online Coachingがオススメッピ!

こっちもサイバーエージェントのグループ会社が運営してるッピ!

教室名 対象 学習言語 教室場所 無料体験・カウンセリング
 

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

小学2年生〜中学3年生 Scratch
HTML/CSS
JavaScript
全国各地
教室
無料体験◯
 

Tech Kids Online Coaching

小学1年生〜中学3年生 Scratch
C++
Unity
渋谷
またはオンライン
無料体験◯
 

Udemy

社会人 HTML/CSS
JavaScript
Python
講座購入
ブラウザ
アプリ
サンプル等◯
うさタブ
うさタブ

パパやママ、お兄ちゃんお姉ちゃん
就活や転職で役立つプログラミング知識を身につけたいなら
Udemy】で講座のコースを買ってみるのもオススメッピ!

動画付きの魅力的な教材が格安で、好きな時間に学べるッピ~

うさタブ
うさタブ

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

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

ユウキ
ユウキ

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

アイカ
アイカ

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

スポンサーリンク

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

ユウキ
ユウキ

うーん・・・

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

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

アイカ
アイカ

そうね・・・わたしも

先生やうさタブさんにすぐに聞ける環境じゃないから

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

ユウキ
ユウキ

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

うさタブ
うさタブ

フムフム!

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

アイカ
アイカ

プログラミング教室??

アイカ
アイカ

そんなのあるのか?

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

うさタブ
うさタブ

プログラミング教室は、やっぱり安心の近所の教室ッピ!

うさタブ
うさタブ

テレビや雑誌に紹介された超有名教室

プログラミング教室数国内No.1!「QUREOプログラミング教室」
とかどうッピか?

うさタブ
うさタブ

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

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

うさタブ
うさタブ

全国2500教室もあるから、

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

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

ユウキ
ユウキ

なんだこれ! スゲーなっ

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

アイカ
アイカ

そんなものがあるのね

うさタブ
うさタブ
「QUREOプログラミング教室」は、
アメーバブログやアベマTV・バンドリをプロディースしている
サイバーエージェント」のグループ会社で、実績があるッピ!

うさタブ
うさタブ

オンラインで授業を受けるなら

Tech Kids Online Coachingがオススメッピ!

こっちもサイバーエージェントのグループ会社が運営してるッピ!

教室名 対象 学習言語 無料体験・カウンセリング
 

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

小学2年生〜中学3年生
教室で授業を受けたい方
Scratch
C++
JavaScript
無料体験◯
 

Tech Kids Online Coaching

小学生~中学生
オンライン授業を受けたい方
Unity
C++
Scratch
無料体験◯
Udemy
社会人
講座コースで勉強したい人向け
HTML/CSS
JavaScript
Python
サンプル等◯

うさタブ
うさタブ

パパやママ、お兄ちゃんお姉ちゃん
就活や転職で役立つプログラミング知識を身につけたいなら
Udemy】で講座のコースを買ってみるのもオススメッピ!

動画付きの魅力的な教材が格安で、好きな時間に学べるッピ~

うさタブ
うさタブ

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

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

ユウキ
ユウキ

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

アイカ
アイカ

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

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