JavaScript实现“打地鼠”游戏开发(3)——锤子的显示及游戏音效的添加(基于H5+CSS3+JS+jQuery实现)
说明:
上一节我们实现了打地鼠游戏的主体功能,包括:老鼠的随机出现、击中目标后分数增加,倒计时为0时游戏结束等功能。接下来我们将对游戏音效的添加、锤子效果的实现进行具体实现。
这是前两节的地址链接:
JS实现“打地鼠”游戏开发(1)——超详细功能分析与游戏界面实现(基于H5+CSS3+JS+jQuery实现)https://blog.csdn.net/qq_32925031/article/details/88624345
JS实现“打地鼠”游戏开发(2)——超详细游戏主体功能代码实现(基于H5+CSS3+JS+jQuery实现)
https://blog.csdn.net/qq_32925031/article/details/88638411
四、代码实现
6、锤子打击效果
我们上一节实现的效果是这样的:
击打是用鼠标光标的点击,而我们所希望的是能够用锤子进行打击,该如何实现呢?实际上,只需要一行代码:
$(".area").css('cursor','url("./image/tool.png"),move');
将cursor
的改为一个图片即可。
我们来看一下效果:
7、添加游戏音效
玩游戏时,增加音效会提升我们的游戏体验,我们要实现的是打中一只地鼠,就产生爆炸的声音,我们这就来实现这一功能。
因为“爆炸”产生这个“事件”是在击中时发生的,所以我们在原来“得分计数”的代码中加入以下代码:
$('.area').append("<audio src='./audio/click.mp3' autoplay='autoplay'></audio>")
这时候的效果已经产生了,击中小黄人的时候会出现爆炸的音效。
JavaScript实现“打地鼠”游戏开发(3)——锤子的显示及游戏音效的添加(基于H5+CSS3+JS+jQuery实现)相关推荐
- Unity 2D游戏开发教程之使用脚本实现游戏逻辑
Unity 2D游戏开发教程之使用脚本实现游戏逻辑 使用脚本实现游戏逻辑 通过上一节的操作,我们不仅创建了精灵的动画,还设置了动画的过渡条件,最终使得精灵得以按照我们的意愿,进入我们所指定的动画状态. ...
- C#游戏开发快速入门2.2改变游戏对象的状态
C#游戏开发快速入门2.2改变游戏对象的状态 改变游戏对象的状态,就是要改变游戏对象的位置.朝向和大小.那么,为什么要改变游戏对象的状态呢?当然是因为游戏对象的状态不合适了.在具体说明之前,读者应该先 ...
- C#游戏开发快速入门 2.1 构建游戏场景
C#游戏开发快速入门 2.1 构建游戏场景 如果已经计划好了要编写什么样的游戏,在打开Unity以后,要做的第一件事情就是构建游戏场景(Scene).游戏场景就是玩家游戏时,在游戏视图中看到的一切, ...
- android手机游戏开发从入门到精通_unity3d游戏开发如何从入门到精通?
对于游戏爱好者来说,unity3d想必大家都不陌生,unity3d和虚幻4算是现在最主流的游戏开发引擎,当然,Unity 3D 游戏开发引擎目前之所以炙手可热,与其完善的技术以及丰富的个性化功能密不可 ...
- Silverlight C# 游戏开发:Flyer06小小的改进让游戏更有趣
Silverlight C# 游戏开发:Flyer06小小的改进让游戏更有趣 今天这套主题,仅仅是通过改进让游戏更加有趣,游戏中的细节永远是耐人寻味,有的游戏团队为此付诸努力甚至成为整个项目的成功关键 ...
- (完结)Unity游戏开发——新发教你做游戏(七):Animator控制角色动画播放
文章目录 一.前言 二.Animator状态机组织 三.过渡条件 四.用代码设置过渡条件,触发动画播放 五.CharacterAniLogic.cs完整代码 一.前言 文章列表 Unity游戏开发-- ...
- Unity游戏开发——新发教你做游戏(三):3种资源加载方式
文章目录 一.前言 二.Unity的目录结构规范 1.Resources(不是很推荐把资源放这个目录) 2.RawAssets(存放生资源) 3.GameRes(存放熟资源) 4.StreamingA ...
- Unity游戏开发——新发教你做游戏(一):打开游戏开发新世界的大门
文章目录 一.前言 二.制作思路 三.提出问题 四.具体实现 一.前言 嗨,大家好,我是新发,如下,我做了个简单的Demo,接下来我会详细介绍如何一步步制作,Demo工程我已上传到GitHub,感兴趣 ...
- 2023游戏开发制作如何选择合适的游戏引擎?看完本文就知道
在游戏开发方面,为您的游戏选择合适的游戏引擎可以决定整个体验的成败.还有很多因素需要考虑: 你想制作什么样的游戏? 你的游戏是 2D 还是 3D? 你有多少经验? 引擎或框架的社区有多活跃? 引擎可以 ...
最新文章
- SpringBoot-web开发(四): SpringMVC的拓展、接管(源码分析)
- iOS实现图片自动轮播展示
- WinCvs 操作参考手册
- UGUI组件之ScrollRect 组件简单笔记(Scroll View)
- java类Timer和TimerTask的使用
- python多个分隔符分割字符串_Python中带有多个分隔符的拆分字符串
- Java中的继承性特性
- 蓝牙最新版本6.0_低功耗蓝牙的有趣事实
- 一线互联网架构师设计思想解读开源框架!全套教学资料
- .NET中GC的运行机制
- 楷书书法规则_书法结构|楷书10大结构原则详解之3--主笔突出原则
- linux系统怎么使用优盘,教你如何使用u盘安装Linux系统
- phyton基础-01
- 计算机开机按f1,电脑开机要按f1怎么解决 开机按F1的各种解决方法整理
- 致力于推动植物性食品革命的可持续性食品科技公司——BENSON HILL将与STAR PEAK CORP II合并
- html手机端自动全屏,HTML5在手机端实现视频全屏展示方法
- 中国新冠疫情数据可视化
- jsp实现数据提交以及jsp数据保存到本地
- Apache Tomcat优化
- Tomcat设置环境变量