このレッスンでは、オーディオを追加して、各キーを押すと再生する音楽サンプルを追加し、それぞれのキーに独自の色を付けることに焦点を当て、常にこのオレンジ色を取得するわけではありません黄色に変わって緑色に消えますが、ここではすべての色を見ることができるように青色のものがいくつかあります。
しかし、それはいつもHのような任意の与えられたキーのために常に同じ色です。このオレンジのキューは常にこれがT Yなどです。
OK。
だから私たちは、サウンドをどのように演奏できるかを理解するだけです。
Hallardを使って音を出す方法
Hauslerのはい、基本的にはPaperchaseとは逆ですが、その複雑さは本当にシンプルなのでシンプルです。
もう一度、ライブラリなしでオーディオを再生できますが、それは少しです。
一度は音を出すだけではなく、私たちがやりたいことのようなことをしたいときに少し痛いですが、私がこれをやっていると言うように、10回連続して音を鳴らしたいと思っています私はそれが実際に私たちが望んでいるように振る舞うように働くことの少しのようなことをすることができるようになりたいです。
実際には迷惑なような音を演奏するのは本当に簡単ですが、Webサイトに行くといくつかの種類の音や曲がバックグラウンドで演奏されています。これはhのタイムフクロウやjavascriptで本当に簡単です。
しかし、このようなことをするためには、同時に音が鳴り響くことがあります。私たちは物事を繰り返すことができ、Hallard J
usのようなものを使う方がはるかに簡単です。
もう一度不可能ではありません。
図書館と同じように、あなたは自分でそれを行うことができます。
しかし、私たちは本当にしたくありません。
ですから、どのように動作するかを見れば、ここでこの小さなコードを使用して新しい方法を作成する必要があります。
それでは、私たちがどのように初期化し、どのように知っているのか。
次に、再生したいファイルのいくつかのURLのリストを与えます。
だから私たちは、これらの異なる配列を与える理由は、彼らは彼らが同じであるように見えるにもかかわらず、彼らは異なったファイルであり、あなたがそれらを置く順序は、ハウラーが試してロードする順序ですそれらの。
だから、基本的にはすべてのブラウザで動作する特定のファイルタイプがあり、その中のいくつかはすべてのブラウザで動作しません。
特定のバックアップを指定することができます。
我々はそれをするつもりはない。
私たちはただ一つのファイルを持っています。
しかし、バックアップを基本的には私が知っている限り、少なくともここでそれについて読むことができる方法は、私は確信している方法を持っていた場合。
ここでは、トラックのトラックやトラックの音源をロードします。
これらは優先順位でなければなりません。
Howard Jascは、現在のブラウザと互換性のある最初のものを自動的に読み込みます。
だからそこに行く。
私たちは同じ曲の他のバージョンで追加することができます。
私たちのケースでは、同じサンプルとホラーは、互換性のある最初のサンプルとホラーを自動的にロードします。
OK。
だから我々が必要とするコードは新しいハウエルです。
そして、あなたが行くとそれはそれです。
そして、我々はそれを再生する準備ができているとき、我々は単にプレイを呼び出す。
あなたはここで見ることができ、私たちはそれを止めません。
私たちは一時停止しません。
私たちのサウンドは本当に短いので、ループしません。
だから私たちは彼らに遊びをさせて終了させるだけです。
それぞれ約0.5秒から1秒の間です。
だから、まだ行っていなければ、すべてのサウンドを持ち、あなたのコードを書いていたのと同じディレクトリにドラッグされたzipファイルをダウンロードしてください。
したがって、サウンドの代わりにこれらのファイルがすべてあります。
大丈夫。
次に、HAUSLERをインストールして使用する必要があります。
あなたはそれをダウンロードすることができます。
しかし、いろんな意味で、私はCDNを使用します。
だから、ちょうど最初にハウラーCDNコピーを探しました。
あなたはここにいるすべての人が、それが正当なものかどうか常にテストすることができます。
さあ。
ハウラー用のコードは次のとおりです。
完璧。
私たちのアプリに戻ってみましょう。スクリプトを追加するだけです。
それで紙がそれを複製してソースをハウラーに変えれば、何の問題もなくOKがロードされるようにしましょう。
完璧。
次は、実際に最初の鳴き声を作りましょう。
だから、このコードをhowerからもう一度コピーしましょう。
この最初のものをここに持っていって、それを一番上手くやってみましょう。
ここではちょうどそれをやってみましょう。そして、VARの健全な同輩がどのように知っていたのか、私たちはただ一つのファイルを入れ、私たちが見ているものを最初にやってみましょう。
だから、バブルズはMP 3を手に入れました。
そうですね。
スラッシュ気泡。
私はすでに泡を使うのを忘れていました。
そこに行く。
複数化されています。
あなたのようにバブルです。
MP 3それは私たちが必要なすべてです。
そしてすぐにそれをやりません。
それを作成しましょう。
それだけでいいのです。
そして、それを再生するだけでそれを再生しましょう。
キーを押したときに音のドットが本当に素敵でシンプルに再生されます。
そこに行く。
だから、さまざまなキーを押しているすべてのキーが、その音を鳴らすようになりました。
うまくいけばそれはあまりにも迷惑ではなかった。
次に、別のサウンドを追加することに焦点を当てましょう。
だから私たちは2つのことをやり始めます。
だから私たちには泡があります。
Clay
MP3をやってみましょう。これを複製して、新しいHowellと同じ2音色にして、サウンドスラッシュクレイとP3をやります。
そしてここで私たちがやることには、if文があります。
では、2つのキーに注目しましょう。
aとsをやりましょう。
だから、もしあなたがaのキーを押したならば、私たちは音を鳴らし、鍵があなたの周りに引用符を入れているならば、それをもっと明瞭にするためにそれを聞こえるようにしましょう。
それから私たちも音を演奏します。
したがって、どのキーが押されたのかを知るためには、Paperchaseではこのイベントオブジェクトがあり、イベントドットキーが必要です。
だから私たちはちょうどキーがaと等しいイベントならばif文を読みます。
それから、演奏音だけを演奏します。
それは健全な演奏であり、同じことをします。
イベントのドットキーが等しい場合は、サウンドも再生されます。
それで、まるでそれと同じように演奏する音。
だから我々はそれを試すことができます。
だから、キーとSだけが物事を引き起こすはずです。
だから、私は間違いがあるように私はqの姿を打っている今あなたに言うでしょう。
私たちは何を得ているのですか？
サウンドは定義されていません。
ここではこれらの警告を無視してください。最後にこれらの警告を修正します。
それはより複雑な問題ですが、実際には私たちのコードが開始するように働くことはありません。
しかし、これはとてもばかげたエラーです。
私はここで音を参照していた。
もう音はありません。
OK。
今は何も遊ばないはずです。
私がほとんどのキーを押すと、私はKの他のキーを打つだろうし、今は持っていた。
だから我々はn sを持っている。
完璧。
そして、私たちもできることは、それぞれに色を割り当てて、このようなことをすることができるようにすることです。
これを同じキーの下に移動してみましょう。右に押す前に、このようなことをすることができます。イベントの場合は、そのサウンドが再生され、新しい円の色を設定できます。色は3
0を見て同じことをするのが好きです。
私たちがSを押したければ、別の色で16 a 0 8
5をやってみて、それから別の色をつけてもいいと思うのですが、これはおそらくこれを行う最良の方法ではありません。
2人であれ20人であればOKかもしれませんが、30〜50のキーは約20人です。
我々は、キーボード全体とすべての異なる文字を使用します。
それはたくさんのコードでしょう。
しかし、私は今あなたを見せてくれます。
ほとんどの色やほとんどのキーが音を出さないようにします。
彼らは私たちに同じ色を与えます。
今私はUPSを持っていれば2つのキーを押すと、私たちは青を与えるように少し異なる色を与えます。
もちろん、私がここで選んだ色は難しいです。
変化が紫色に変わるのを見るのは難しいです。
技術的にはこれを他のものにする必要があります。
そうであれば、キーがLCFかどうかをチェックし、そうでなければif文が2つあるかどうかチェックします。
この1つが実行され、次に別のものがある場合、それが真実でない場合、エルソは真実ですが、考慮されません。
したがって、これらのうちの1つだけが真実であることを望むなら、我々はただ1つの色を青または青の紫色にしたい。
そして、if文にif文を追加したいと思っていますが、実際には問題にはなりません。
今ここでのリフレッシュは通常のキーです。
私は青と2つの異なる音を得ると、紫色の打撃を受けるが、私は打つ。
OK。
そういうわけで、私たちはHauslerを使う方法です。
今私達はすべての単一の鍵のためにこれをしたいと思って、私達がここに持っているものよりずっと良い方法があります。
だから私は実際にこれをすべて取り除くつもりだからできる。
前に述べたように、キーがBの場合はすべての単一キーのif文があり、キーがBの場合はすべての単一キーのif文があります。
しかし、それは本当に良い習慣ではありません。
だから私たちが代わりにやることは、オブジェクトを定義することです。それをキーデータと呼ぶだけで、オブジェクトです。
そして、これはそれがどのように見えるかです。
だから私たちはaのような鍵を持っています。
そしてaが押されると、色は紫色で、その音はすべきだと言います。
そして、この全体をそこに入れてみましょう。
だから私はこれをちょっと待っていきます。
私はこれを最初に入れてから、私たちのために同じことをやり直すことができます。
だから、いつ押された色が緑色で、音色が新しいはずです。
どうしますか。
あなたがそうしていることと同じことをして、スラッシュをやりましょう。クレイはMP3を考えて、それから私たちはすべての単一のキーについてそれを行うことができました。
はい、ここでは多くの構文がありますが、利点は、すべてのデータが定義されている場所が1つあり、if文が必要ないか、単一のキーごとに別の条件が必要なことです。
私たちがしなければならないことは、実際には取り除かれたイベントドットキーがどこにあるかを取ることです。
これをここで取る。
イベントキーは押されたキーです。
そしてそれが手紙Jであるとしよう。
その場合、それを取ってキーデータに差し込むと、紫色の音色になります。
これは音質ですか？
だから私はあなたが何を意味するかを見せます。
この2つの例を見てみましょう。そして、それをもっと明白にするために、私たちが持っているものをもう一度複製してみましょう。
だから私たちはnを持っています。
色が黄色すぎて音が出ることもあります。
それ以外に何がありますか？
紙吹雪をしよう。
完璧。
この末尾のカンマを取り除く。
私たちはこれを取り除くことができます。少し前にこれを変更する必要があります。その次のことは、イベントのダックキーをキーデータに差し込むことです。
だから私たちはこのようなことをすることができました。
キーのデータ括弧のイベントキーとそれは、私たちがこの事をここに私たちに与えているイベントの場合は私たちを与えるだろうし、我々はそこから始めることができるように色をすることができます。
それでは、新しいサークルをプッシュする前に、まず新しいサークルの塗りつぶしの色がキーデータイベントのキーカラーに等しいと言うだけです。
だから、暗い鍵を繰り返すだけの手紙です。
私たちの場合は、それが手紙であることを確認します。
技術的には数字やシフトキーのタブにすることができますが、それは押されたキーです。
それから、キーデータにプラグインします。
私たちはこの全体を取り出す。
ユーザーがaを押した場合、eventimeキーがaの場合、暗い色をして紫色を表示します。
それで、新しいサークルを設定していますが、色を紫色に塗りつぶしています。
イベントDuck Keyが通知であった場合、if文を使用する必要はありません。
したがって、トルコがこれを行うかどうかについては言及する必要はありません。
これは何となく同じ行です。
この1つの辞書、またはこのデータの1つのソースが定義されているため、もちろん問題があります。
これは現在SとDのためだけに機能します。
だから私はあなたがリフレッシュして、構文エラーがないことを確認します。
私たちは色を読み取ることができないか、または未定義の色を正しく読み取ることができません。これは構文エラーではありません。
それは私が期待しているエラーです。
だから私はあなたを見せます。
私は良いプレスを押すか、またはDも良いです。
しかし、今私はQを押すそして、私たちには問題があります。
これは、Qの定義されていないキーデータが存在しないためです。
私たちはSとDを持っています。
だからそれは問題です。
それを修正する方法は簡単です。
ここでこれを行うかどうかを確認するだけです。
キー・データ・ブラケット・イベントのDockyの場合は、そのキー・プレスの上部に表示されます。
それが誠実であるかどうかを覚えておいてください。基本的に存在すれば、私たちはすべてこれを行います。
そうでなければ、私たちは何かを始めることはしません。
私は実際に何もしません。
だから、今のAppleは、SとDを押すと、何かをするか、何かをするだけで動作します。
だからちょうど戻ってみましょう。
Q何も起こらない。
私はたくさんの鍵を押しています。
今私はヒット。
そして、それは動作します。
SとDは他のキーは何もしません。
すばらしいです。
では、音を再生しましょう。
それはまた、素敵でシンプルです。
キーデータイベントキーの音が欲しいだけなのですが、どうして私がこれら2つの音を鳴らしていたのかは分かりません。
そこに私達はその健全なドットプレイをします。
このサーベイのプレスDにVenkiプラグを覚えておいてください。
このオブジェクトを取得します。
私たちはそれを聞きます。
私たちはこれを得て、前と同じように演奏します。
さあ、打ちましょう。
Aとして。
他のキーは何もしません。
完璧。
だから私たちがここでやるべきことは、実際には他の鍵をすべて追加するだけです。それはあなたが私が最初からタイプするのを見ることは本当に痛いでしょう。
私はその前提を持ってダウンロードしたファイルをあなたに渡しました。
私は毎日それを呼んだ。
はい。
だから、それを開くと、それは文字キーのすべてを持つ巨大なオブジェクトです。
だから私たちはq w e rを持っています。
彼らは本当の順序ではありません。
まあ、彼らは色と音までは特に順序はありません。
私はちょうどランダムなものを選び、それぞれは色を持っています。
だから私たちがこれをコピーしてここにあるものを置き換えれば、そのデータを完璧なキーデータと呼ぶことができます。
ここでは、少なくとも1つのアルファベットキーごとに1つのキーごとに色を付けるこの辞書を提供しました。
そしてそれを使うことができます。
コードを変更する必要はありません。
したがって、TabキーとShiftキーとEscキーで追加する数値キーを追加したい場合は、このオブジェクトに追加のプロパティを追加するだけです。
だからそれを閉じてみてみましょう。
完璧。
大丈夫。
だからここで奪われないでください。
かなり楽しいですが。
OK。
大丈夫だよ。
だから私たちはたくさんのことをカバーしましたが、終わりには私たちが本当にやったことはすべて、私たちがサークルを作るために見つけたコードを取ることでした。
色を変更するために円をアニメーション化するために見つけたコードをいくつか取りました。
イベントを行うためのコードがいくつか見つかりました。
キーを押すと
そして、それをいくつかの音楽を演奏するために見つけた他のコードと組み合わせます。
そしてあなたが一緒にそれをまとめるとき、あなたはいくつかのクールなものを作ることができます、そして、あなたがここでできることはもっとたくさんあります。
そして、私たちは100％完了していません。
私たちは機能が完成したので、新しい機能は追加しておらず、違いは見えません。
しかし、あなたがコンソールを開くと、我々はこれらのすべてがSML HTPリクエストクロスソースファイルをロードできないことがわかります。
何とか何とか何とか。
私は次のビデオでそれを説明します。
それがなぜ起こっているのか、それをどのように修正できるのかについて話してください。
そして私たちが行うもう一つのことは、リファクタリングの小さな方法について話しています。なぜなら私が押すたびに円の配列に新しいサークルを追加することになり、決してそれらの配列からそれらを削除することはないからです。
だから私は今そこに10000を持っているかもしれない。
まあ、私はしませんが、私は100を持っている可能性があり、200があり、我々はその全体をループしています。
たとえ小さくてもサークルは表示されません。
だから、次のビデオの人たちを取り除くために少し変更を加えます。
しかし、やはり我々は機能性をもっているので、あなたがこれを作ったことが気に入らず、あなたが進んでいきたいと思っても気にしないならば。
次のユニットに移動してください。