你也能做一个音乐小游戏

简介: 个小游戏的想法来源于女儿的一个打击玩具,我试着将其进行了一下还原,并做成了一个音乐小游戏。下方为游戏的实现过程以及实现原理,大体上音乐小游戏的实现原理都类似,在了解并掌握一个后,你也能够做出自己的音乐小游戏。为了尽可能的还原,我直接使用了真实的照片当作游戏的背景。

这个小游戏的想法来源于女儿的一个打击玩具,我试着将其进行了一下还原,并做成了一个音乐小游戏。


下方为游戏的实现过程以及实现原理,大体上音乐小游戏的实现原理都类似,在了解并掌握一个后,你也能够做出自己的音乐小游戏。


为了尽可能的还原,我直接使用了真实的照片当作游戏的背景。



如图,我将这个打击小乐器放在了地板上,然后用手机拍摄了一张图片。


敲击棒的照片,是放在一张白纸上拍摄的,这样便于抠图。


好了,以上的两张图就是这个游戏中的所有的素材了。


接下来,我们来看一下实现一个这样的打击音乐小游戏的原理是什么。我们应该都有玩过这种类似的东西,当你使用小棒子敲击不同的“键位”时,会发出不同的声音。所以,要实现的东西其实很简单,在每个“键位”上都放置一个“精灵”,然后在“点击”精灵时,播放对应的音效即可。



最后,将所有的“精灵”的透明度设置为“0”,也就是让这些“精灵”都变为全透明的状态。



这样所有的“精灵”就都看不见了,只剩下打击乐器本身了。


对于这个小乐器的声音,我直接使用了微信小游戏制作工具自带的声音录制和剪辑工具,录制了它自己本来的声音,声音录制和剪辑非常的方便。


第一步,点击资源管理器中声音板块右上角的一个小麦克风按钮。



会弹出一个录制声音的对话框,点击“开始录制”后就可以直接录制声音了。



录制完声音后,可以直接对声音进行剪辑操作。剪辑完成后,点击“保存录音”,剪辑好的声音就会显示在“声音”板块中了。



下图是我录制并剪辑的这个小乐器的 8 个声音。



最后,为了让敲击的感觉更明显一点儿,在每次敲击时,都增加了一点儿粒子特效,所以,最终看起来是下面这个样子。


为了让小朋友可以轻松的敲出一首曲子,所以我又为其增加了一个小的功能,跟随者小星星进行演奏,依次点击小星星出现的位置,即可演奏出一首曲子啦!



可识别下方的二维码,体验一下这个音乐小游戏哟!

这个小游戏已经开源到社区,可以关注下方的公众号回复“音乐小游戏”获取开源项目的链接,欢迎大家拿到项目后自行改编玩耍。另外,如果你想学习做游戏的话,关注我的公众号就对了。

相关文章
|
8月前
|
Python
实现一个2048小游戏
要实现一个2048小游戏,你需要使用Python编程语言和图形用户界面(GUI)库。下面是一个使用Tkinter库来创建2048小游戏的基本步骤
278 3
|
5月前
如何制作一个微信音乐小游戏
如何制作一个微信音乐小游戏
103 0
|
10月前
10点小游戏 2021-04-22
10点小游戏 2021-04-22
|
11月前
|
算法
2048小游戏(变态版哦)
2048小游戏(变态版哦)
193 0
|
11月前
|
存储 定位技术 开发工具
坦克大战小游戏的实现
坦克大战小游戏的实现
|
11月前
|
C++
推箱子小游戏(c++实现)
推箱子小游戏(c++实现)
|
12月前
10分钟制作一个反弹球小游戏(视频版)
当然它们其实各有利弊,阅读文字效率更高,但是也要求你有更多的注意力和理解力。音视频传递信息效率慢,但是它们更复活人类学习的直觉习惯,通过听觉和视觉来进行模仿。 虽然我个人更喜欢文字,但是我仍然会继续录制视频教程,因为很多内容并不是只给我自己看的,是给很多人看的,而大多数人更倾向于观看视频。
87 0
|
12月前
|
小程序
如何制作一个塔防小游戏(三)
嗨!大家好,我是小蚂蚁。今天我们继续分享制作一个塔防小游戏的第三节,如何创建不同类型的敌人,以及如何利用表格来编辑数据以及创建敌人。
102 0
|
12月前
|
开发工具 Android开发 图形学
微信小游戏是个人尝试做游戏最好的选择
我自己现在正在做微信小游戏,而且也在教很多的学员做微信小游戏。你可能会觉得我这样说是有一定的动机的,但其实不然,如果我自己不相信这个平台的话,那其实我是没有必要自己做的,只需要忽悠让别人相信就可以了。但是现在我自己也正在致力于做这件事,这也证明了我对它的认可。不是有这么一句话吗?不要轻易相信一个人说了什么,而要看他做了什么
100 0
|
12月前
做个不一样的小游戏
,我发布了“微信小游戏实战系列”的第一篇文章,也是我的第一个小游戏正式开始制作的时间,之前它只是一个脑袋中的想法,大概类似于这样:我能不能试着做这样的一系列的游戏呢?它们有着经典的玩法,不会过时,仍然有着很多的受众,如果我把一个经典的小游戏做成一个精品的小游戏,是否是有价值的,甚至能产生商业价值?
101 0

相关实验场景

更多