iT邦幫忙

2023 iThome 鐵人賽

DAY 25
2
Modern Web

什麼!在網頁上也可以寫遊戲?系列 第 25

[Day 25] 射飛鏢實作篇-免費素材網站分享、設置音效、音樂

  • 分享至 

  • xImage
  •  

繼昨天我們設置了標靶,並且讓飛鏢射出去可以擊中標靶之後,發現少了聲音的回饋,似乎有那麼點無趣,所以今天就要來介紹一些我常用的無版權素材網站,其中包括了音樂、音效、甚至還有圖片等素材,並且把它們加入到遊戲之中。

在真正介紹之前,有件事情得說說,實際上無版權並不是指該素材真的沒有版權,而是素材的作者自願公開出來讓大家使用,接下來要介紹的每個網站上都會有自己相對應的使用條款,甚至細節到每個素材使用的條款都不太一樣,但不會太複雜,就跟著我一起看看吧!

無版權音樂、音效網站介紹

由於我們要使用素材的領域是遊戲上,所以我主要推薦一些比較適合使用在遊戲上的素材網站:

  • itch.io
    這是我首推的網站,但更準確地來說,它是一個遊戲社群,大家可以將自己的遊戲上傳到上面,供別人下載、購買等,因此上面有非常多的獨立遊戲,而除了遊戲以外,itch.io 也提供可以分享、販售遊戲素材的功能,各式各樣的種類都有,因此我們也可以在上面找到許多免費素材。
  • OpenGameArt.org
    雖然 itch.io 是我首推的網站,但我最常去的反而是這個,我沒事就會上來閒晃一下,老實說是上去聽音樂的,因為上面有很多好聽的音樂,而且預覽音樂的頁面非常方便,不需要一個個點開,除了音樂以外,還有音效、圖片,甚至 3D 建模等素材。
  • Fesliyan Studios
    這裡主要是專門針對音樂、音效的素材網站,剛進去就有許多分類可以讓我們選擇,我也曾經使用過這裡的一些音樂來製作小遊戲。
  • 魔王魂
    剛剛介紹的大多數都是英文體系的網站,接下來就來到了日本的領域,如果是常玩獨立 RPG、視覺小說遊戲的人,可能會在這裡聽到許多熟悉的音樂,這裡同樣有非常多可以免費使用的音樂、音效等,且風格幾乎都是日系風,對於想要製作日系風格遊戲的人,我絕對是極度推薦,而且日本還有非常多類似的網站,例如 H/MIX Gallery創作堂さくら紅葉MusicMaterial 等,有趣的是這些網站還會互相推薦,導致我們很容易在各個網站之間穿梭,因此就不再多介紹了。

由於免費素材的網站實在是太多了,介紹不完,今天就簡單分享一下我常去的,不過要特別注意,在任何地方下載這些素材之前,都應該確認該素材的使用規範、條款,有些素材可以提供我們免費使用、修改、分享,甚至是商用,但有些素材雖然可以讓我們免費使用,但不能任意修改、分享,當然商用也是,所以在使用前務必仔細確認,才不會讓彼此的權益受損。

以 OpenGameArt.org 舉例,當你點進任何一個素材時,都會在右側看到如上圖所示的許可證標示,這是一個名為 創用 CC 的使用條例,如果你不知道這代表著甚麼意思,可以點擊該圖示,就會自動跳到該介紹網頁,該網頁提供可以切換成繁體中文,這樣就能看懂內容了。

拿剛剛圖片內的條款來看,CC0 的條款內容如上圖,除了 OpenGameArt.org 以外,許多地方都可以看到創用 CC 的身影,而關於更多創用 CC 的詳細介紹,可以參考 這篇文章,這是第 12 屆鐵人賽的文章,裡面有簡單的文字和影片介紹。

載入音樂、音效

回到我們今天的正題,我們要來為我們的遊戲添加一點音效,首先是飛鏢投擲出去的音效,我在 OpenGameArt.org 找到了 這個音效,我覺得滿適合的,他是一個音效包,下載後會得到一個壓縮檔,解壓縮之後會得到許多 wav 檔,但要注意的是 CG 沒有辦法上傳 wav 檔,只能上傳 mp3、ogg、flac 這三種音訊檔案,且 CG 的資源大小上限為 8 MB。

為了將 wav 轉成 mp3,這裡另外介紹一款軟體,叫做 Audacity,這是一款免費開源的音訊編輯軟體,小小的軟體功能就十分強大,極力推薦,我們可以將 wav 檔匯入,並匯出成 mp3,就可以完成轉檔了,雖然直接在瀏覽器上搜尋「wav 轉 mp3」,也可以找到許多線上轉檔的網頁,但這個軟體太強大了所以分享一下,它還有剪接、降造、變速、混音等各種功能。

由於該音效素材使用 CC0 授權,所以我就直接將我使用的其中一段分享到 CG 上了,可以搜尋 swish-13.mp3 找到,原作者為 artisticdude,來源於 OpenGameArt.org

另外是標靶被擊中的音效,這個部分我就沿用我以前使用的音效了,那是我自己用剪刀柄敲桌面後,用麥克風錄下來的聲音,酷吧~除了上網找素材以外,自己創作也是其中一個門路,而且完全沒有版權問題,隨時想用就用,如上圖,直接在 CG 內搜尋資源 jizhongbiaoba.mp3 就可以找到,由於當時檔案名稱為「擊中標靶.mp3」,但 CG 的資源上傳後中文就會變成拼音了,所以這個名字才會看起來這麼奇怪。

最後就是遊戲音樂了,我同樣在 OpenGameArt.org 找到了 這首音樂,但由於它是使用 CC-BY 3.0 授權,分享時需要有姓名標示,而在 CG 上分享素材並沒有辦法加上任何說明、備註,所以我就不設為公開了,有需要的人可以直接到音樂出處看看,或是找其他適合的音樂使用。

總之我們已經有了投擲標靶、擊中標靶、背景音樂三種音訊了,記得從專案中的 資源管理,將這些資源各自匯入到專案中,接下來就要讓它們在遊戲中能夠順利播放了。

設置音樂、音效

首先是音樂,我們在事件 初始化 中新增動作 設置音樂,輸入音樂的代理名字,並根據原音訊的音量狀態調整音量大小,完成後儲存,這樣在遊戲一開始就會播放音樂了。

接著找到事件 放開飛鏢,新增動作 播放音效,與設置音樂的步驟一樣,輸入投擲飛鏢音效的資源代理名字,調整音量大小後完成,並且將該動作拖曳到 等待 上方即可。

剩下最後一個事件 擊中標靶,跟上方一樣的步驟去設置擊中標靶的音效,如此一來今天的三種音訊都設置好了,最後就可以測試看看結果拉~

CG 範例事件表

總結

今天介紹了幾個我常去的無版權音樂網站,其中有幾個也有其他類型的素材,當然類似的網站數不勝數,各位可以自己嘗試在網頁上搜尋類似的關鍵字看看,例如「免費音樂」、「免版稅音樂」、「Royalty free music」等,只是這些網站大多都是英文或日文,不過搭配瀏覽器的自動翻譯功能還是可以大概看懂的。

只是使用這些素材之前都需留意一下網站上的使用條款,或是素材本身的授權方式,才不會侵害到別人的權益,不管素材本身有沒有要求使用時要註明標示,養成好習慣,只要有使用都還是可以在專案的介紹文章中提供標示,也是對作者的一個尊重。

最後當然還是今天的重點,就是將這些音樂、音效加入到我們的遊戲當中,有了這些之後,遊戲本體的部分已經算是告一段落了,明天我們要來實作遊戲的主畫面,可以顯示遊戲標題,以及點擊後才開始遊戲的機制。


上一篇
[Day 24] 射飛鏢實作篇-設置舞台遮罩、設置標靶
下一篇
[Day 26] 射飛鏢實作篇-主畫面製作、定義遊戲狀態、倒數文字動畫
系列文
什麼!在網頁上也可以寫遊戲?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言