[发明专利]一种网络虚拟架子鼓

权利要求书

1.一种网络虚拟架子鼓，其特征在于：包括虚拟架子鼓界面、虚拟架子鼓映射清单、动态交互模块、音频调用以及播放模块；

所述虚拟架子鼓界面，利用图像处理软件制作一个个独立的鼓的图片，每个鼓的图片都包括被打击和未被打击两种效果的图片，并通过网页布局的方式将这些独立的鼓的未被打击效果的图片进行排列拼接，从而构成成套的架子鼓界面；

所述虚拟架子鼓映射清单，用于确定电脑键盘的按键和虚拟架子鼓各部分之间的对应关系，以及电脑键盘的按键和音频文件之间的对应关系；

所述动态交互模块，是整个乐器和用户之间进行交互的部分，通过虚拟架子鼓映射清单，将电脑键盘被按下这一事件映射到架子鼓的某一个或几个鼓被打击，再通过对被打击的鼓的图片进行切换，利用视觉的暂留效应实现鼓被打击的动画效果，模拟真实的架子鼓被打击并发声的过程；

所述音频调用以及播放模块，提前录制真实架子鼓被打击时的声音作为音源，将电脑键盘被按下这一事件映射到架子鼓的某一个或几个鼓被打击，再根据虚拟架子鼓的鼓和其发出的声音的对应关系，调用扬声器播放对应音频。

2.根据权利要求1所述的网络虚拟架子鼓，其特征在于所述虚拟架子鼓界面的具体构建步骤如下：

步骤一，架子鼓的素材制作

使用Photoshop软件对真实的架子鼓的鼓的图片进行处理，抓取每一个鼓在被打击时会发生形变的区域，再对抓取到的区域进行复制，形成两个图片，其中一个图片命名为knocked.png，通过模拟真实的架子鼓被打击时的效果对knocked.png图片进行阴影处理，用来表示架子鼓被打击时的效果，另一个图片命名为normal.png，不进行阴影处理，用来表示架子鼓没有被打击时的效果；

步骤二，对虚拟架子鼓的每一个鼓的图片进行布局

新建一个HTML文档，在该文档中新建一个名为mainframe的div标签作为容纳架子鼓的底层容器并将其class属性设置为mainframe，同时在style标签中新建一个名为mainframe的CSS类，通过设置其左边距、上边距和浮动方式来确定名为mainframe的div标签的位置；然后再新建7个div标签依次将id属性设置为drum1-drum7用来容纳架子鼓的七个部分，再通过新建drum1-drum7共7个CSS的id选择器并依次设置其左边距、上边距和浮动方式来确定这7个div标签的位置；最后将架子鼓每一个部分在步骤一中制作好的normal.png图片放置到对应的鼓的位置，组合出架子鼓未被打击时的情形。

3.根据权利要求1所述的网络虚拟架子鼓，其特征在于所述动态交互模块的具体实现方式如下：

步骤一，新建一个javascript脚本文件并通过onkeydown函数监测电脑键盘事件并获取键值；步骤二，根据电脑键盘键值和虚拟架子鼓的对应关系确定对应到哪个鼓；

步骤三，通过javascript脚本文件修改对应的鼓的css样式中的图片路径，即将normal.png改为knocked.png，实现图片的切换，形成该鼓被打击的效果；

步骤四，根据键盘按键键值和音频文件的对应关系确定播放哪个音频文件。

4.根据权利要求1所述的网络虚拟架子鼓，其特征在于所述音频调用以及播放模块的具体实现方式如下：新建一个控制架子鼓音频调用的JavaScript脚本文件，通过调用JavaScript内部的onkeydown函数监测用户是否按下了键盘上的按键，并且获得键值，再根据键值和音频文件的映射关系确定到具体的哪一个音频文件应该被播放，然后再通过JavaScript内部的play函数对该音频进行播放。