第4課音畫(huà)時(shí)尚——演奏音符和聲音的可視化

任務(wù)導(dǎo)航

圖4.1是小星星的簡(jiǎn)譜，這次課我們要把這首歌用Scratch演奏出來(lái)，我們還會(huì)把這首曲子轉(zhuǎn)換為一幅美麗的圖畫(huà).

圖4.1 小星星的簡(jiǎn)譜

任務(wù)分析

在Scratch中提供了完整的鋼琴鍵盤,如圖4.2所示,中央C用60表示,每個(gè)數(shù)字表示鋼琴鍵盤中的一個(gè)音節(jié).圖4.2左側(cè)的代碼是制作了一個(gè)用于演奏的樂(lè)器,默認(rèn)的音效是鋼琴,右側(cè)的代碼是直接將這首曲子的簡(jiǎn)譜編成了一段旋律.

圖4.2 演奏“小星星”并制作鋼琴樂(lè)器

左面的代碼的優(yōu)點(diǎn)是制作了一個(gè)樂(lè)器，使得不但能夠演奏“小星星”，還可以演奏其他音樂(lè)，但是它的缺點(diǎn)是拍數(shù)固定，右面的代碼只能播放音樂(lè)，但是不能自由演奏樂(lè)曲，優(yōu)點(diǎn)是拍數(shù)很準(zhǔn)確。下面我們就把這首“小星星”的演奏過(guò)程轉(zhuǎn)換為一幅畫(huà)。

Follow me

1．讓色塊的顏色伴隨音樂(lè)變化

首先繪制一個(gè)紅色的方塊，對(duì)圖4.2所示的代碼進(jìn)行改進(jìn)，在彈奏每一個(gè)代碼的時(shí)候都切換到對(duì)應(yīng)顏色的造型上，使得每一個(gè)顏色對(duì)應(yīng)一個(gè)音符。看看能不能在演奏“小星星”的同時(shí)，色塊的顏色跟著變化如圖4.3所示。

圖4.3 將色塊與彈奏的音符對(duì)應(yīng)起來(lái)

修改每個(gè)造型的名稱，使得造型編號(hào)與要彈的簡(jiǎn)譜一致，與此同時(shí)采用調(diào)色板上用黑色框起來(lái)一行顏色對(duì)每個(gè)色塊進(jìn)行填色，如圖4.4所示。

圖4.4填色的規(guī)則

修改演奏的代碼，使得顏色能夠伴隨這演奏的音符改變，如圖4.5所示

圖4.5 色塊顏色隨演奏音符變化

這樣當(dāng)你在彈奏音樂(lè)的時(shí)候，你就能看到色塊顏色也隨之變化了。此外圖4.5所示的代碼還具有選擇樂(lè)器的功能，編號(hào)為1的樂(lè)器是鋼琴。

智多星

Scratch提供播放聲音，演奏音符和敲鼓三種音樂(lè)輸出形式，提供了豐富的樂(lè)器類型，完整地音符序列，如圖4.6所示

圖4.6 scratch聲音輸出類型

如圖4.7所示每一個(gè)白鍵或者黑鍵對(duì)應(yīng)一個(gè)音符，從左到右順序增加。低音do是48，再高一個(gè)八度，中音do是60，再高一個(gè)八度之后高音do是72，可以看出每高一個(gè)八度音符的數(shù)值增長(zhǎng)12。

圖4.7 音符的規(guī)律

2．讓色塊的變化能夠記錄下來(lái)

如圖4.8所示，使用圖章功能可以把當(dāng)前造型“印”在背景上，我們將代碼增添圖章功能，與此同時(shí)讓色塊右移色塊的寬度那么長(zhǎng)的距離，如圖4.9所示把“小星星”這首曲子畫(huà)在了屏幕上。

4.8改進(jìn)代碼讓曲子轉(zhuǎn)換為一幅圖畫(huà)

圖4.9小星星可視化之后的效果

圖4.9中，彈奏完第一行之后，用鼠標(biāo)將色塊移動(dòng)到第二行，完成整首曲子的演奏，這樣小星星就轉(zhuǎn)變?yōu)橐皇浊恿耍乐胁蛔愕氖瞧渲邪凑兆V子要演奏1拍的音符只能彈奏0.5拍了。像這種將聲音轉(zhuǎn)換為圖畫(huà)的過(guò)程，稱為“聲音的可視化”，是一種常見(jiàn)的數(shù)字藝術(shù)的表現(xiàn)形式。

想一想

1. 如何自動(dòng)地切換到第二行
2. 使用
3. 畫(huà)筆菜單中的
4. 聲音可視化除了改變顏色之外還有什么其他的形式

DIY

    將圖4.10所示的歡樂(lè)頌的簡(jiǎn)譜轉(zhuǎn)換為一幅圖畫(huà)

圖4.10 歡樂(lè)頌的可視化

歡樂(lè)頌這首歌有低音和連音，由于程序所限，只能忽略這些細(xì)節(jié)了。演奏完成以后，可以在舞臺(tái)區(qū)域點(diǎn)擊右鍵，選擇將舞臺(tái)存成圖片，保存在電腦中，如圖4.11所示，這樣就講聲音轉(zhuǎn)化成圖片永久的保存起來(lái)，除此之外，你還可以把圖片打印成照片掛起來(lái)，甚至印到T恤衫或者杯子上。

圖4.11 將舞臺(tái)保存成圖片

下一課我們會(huì)將這張圖片轉(zhuǎn)換為一首曲子，看看一幅圖畫(huà)聽(tīng)起來(lái)會(huì)是什么感覺(jué)

【知識(shí)著陸】

設(shè)計(jì)：聲音的可視化

腳本：按下1-7鍵播放do—xi七個(gè)音符；播放音符變顏色；坐標(biāo)變化

技巧：演奏和播放音樂(lè)的區(qū)別

【創(chuàng)作天地】

1. 如圖4.12所示，設(shè)置后，開(kāi)始彈奏。用“內(nèi)錄”功能將演奏的曲子錄下來(lái)，請(qǐng)有音樂(lè)才華的同學(xué)用計(jì)算機(jī)制作的小樂(lè)器演奏一首曲子，使用“選擇樂(lè)器”功能嘗試合奏。

1. 制作電子樂(lè)器是最常見(jiàn)的互動(dòng)音樂(lè)效果，在各種晚會(huì)上很常見(jiàn)。你能根據(jù)學(xué)到的知識(shí)來(lái)設(shè)計(jì)一個(gè)嗎？
2. 修改樂(lè)器類型，看看音樂(lè)的演奏效果有什么樣的不同
3. 用另外一臺(tái)電腦播放音樂(lè)，使用圖4.13所示的代碼將麥克風(fēng)的音量轉(zhuǎn)換為一幅圖畫(huà)。

圖4.13 用麥克風(fēng)實(shí)現(xiàn)聲音可視化

視野拓展

如果你擁有了一個(gè)scratch賬戶，那么快快把你的前三節(jié)課的作品都上傳到Scratch的網(wǎng)站上吧。點(diǎn)擊分享下的“將此作品在網(wǎng)絡(luò)上分享”，如圖4.7所示，填寫(xiě)資料后，上傳作品。

圖4.7 上傳作品之前填寫(xiě)作品資料

注意本書(shū)的用戶建議你能夠使用3個(gè)標(biāo)準(zhǔn)標(biāo)簽，以便你能夠通過(guò)Scratch的網(wǎng)站找到更多的朋友，他們是“中國(guó)”,你的學(xué)校名稱和“數(shù)字藝術(shù)家”，填寫(xiě)“中國(guó)”的目的是為了讓其他中國(guó)的用戶找到你，與此同時(shí)擴(kuò)大中國(guó)用戶在Scratch社區(qū)中的影響。填寫(xiě)本單元的題目“數(shù)字藝術(shù)家”作為標(biāo)簽，目的是能夠找到跟你使用同樣教材的其他用戶的作品，所謂“他山之石，可以攻玉”，這是學(xué)習(xí)的好方法，填寫(xiě)學(xué)校名稱也是為了形成校園的學(xué)習(xí)社群。最后一個(gè)標(biāo)簽，期望你能夠給自己的作品起一個(gè)好聽(tīng)的品牌名稱，這個(gè)名稱可能蘊(yùn)含著你對(duì)Scratch的理解是彰顯你的個(gè)性的天地，創(chuàng)建自己的軟件品牌，應(yīng)該從尋找一個(gè)具有個(gè)性風(fēng)格的名字開(kāi)始。最后，把你的全部作品都上傳的網(wǎng)站上去吧，仔細(xì)品味分享的快樂(lè)。如圖4.8所示，你的4個(gè)作品都長(zhǎng)傳到你的個(gè)人主頁(yè)上了。

圖4.8 上傳作品到個(gè)人主頁(yè)上

這樣別人就可以查看你的作品了，圖4.8左上角所示的“想法 ? 程序 ? 分享”正是Scratch的精髓所在，圖4.8所示的這個(gè)用戶還沒(méi)有好友，也沒(méi)有評(píng)論其他人的作品，頭像也沒(méi)有上傳，需要作的事情還有不少啊。

1. 、

1. 、 

1. 能不能實(shí)現(xiàn)類似的聲音可視化得效果

1. 是否也能夠得到類似的效果