几款用jQuery写的h5小游戏

简介: 几款用jQuery写的h5小游戏

人人都说前端用来做游戏是一件很困难的事情,遇到这些js的逻辑性问题,是不是有点懵?其实,做完一款游戏之后就会发现,没啥难的地方,差不多都是换汤不换药,作为爱玩游戏的我,也总结收集了几款比较流行的小软件,下面分享一波源代码,可直接在手机上打开,进入手机浏览器,就能够high起来了。


分享一波关于H5的小游戏

1:飞翔的小鸟


以前用unity3D写过类似于这款小游戏,现在看完这个,是一款基于jQuery+CSS3实现的小鸟飞翔动画特效源码,效果很好,流畅也不卡顿,适配于各种主流浏览器。


2:锅打灰太狼


用js做过打地鼠游戏的童鞋们都知道,其实是一个原理,设置随机数和定时器,功能也特别简单得分统计,计算成功率,灰太狼图片的隐藏、显示,判断是否点中灰太狼,最终结果显示,错误提示


3:天天爱消除


这款游戏曾经风靡一时,大学室友们都在玩这个游戏,想必应该是有过人之处吧,移动端和pc端都支持的,运用到touch事件和鼠标事件等。


4:贪吃蛇


外观比较简陋,需要在UI上加以完善。具体功能很简单,用队列模拟蛇身,来控制蛇头的方向,设置蛇身的宽度,设置食物的x坐标,设置食物的y坐标,设置蛇头的x坐标,设置蛇头的y坐标,设置画布的高度,设置画布的宽度,设置蛇的速度,设置计算玩家分数等等。



5:消消乐小游戏


相关文章
|
1月前
|
JavaScript
jquery实现的网页版扫雷小游戏源码
这是一款基于jQuery实现的经典扫雷小游戏源码,玩家根据游戏规则进行游戏,末尾再在确定的地雷位置单击右键安插上小红旗即可赢得游戏!是一款非常经典的jQuery游戏代码。本源码改进了获胜之后的读数暂停功能。
113 69
|
3月前
|
JavaScript 前端开发
js+jquery实现贪吃蛇经典小游戏
本项目采用HTML、CSS、JavaScript和jQuery技术,无需游戏框架支持。通过下载项目文件至本地,双击index.html即可启动贪吃蛇游戏。游戏界面简洁,支持方向键控制蛇移动,空格键实现游戏暂停与恢复功能。
89 14
|
JavaScript
jQuery 实现贪吃蛇小游戏(你一定能看懂)
jQuery 实现贪吃蛇小游戏(你一定能看懂)
|
JavaScript 前端开发 机器人
【前端】使用jQuery简单实现赢粽子小游戏
除了讲解实现的步骤以及关键点,文章最后面会有完整的代码
100 0
|
JavaScript 前端开发
【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件
  之前的文章向大家分享了实现网站功能的各种插件,今天这篇文章向大家推荐7款精心挑选的 jQuery 全景图片展示插件,同时还有非常详细的制作教程可以参考。全景图片展示是一种非常有趣的技术,通过把多张图片合并在一起让你可以360度浏览。
1372 0
|
1月前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
40 14
|
2月前
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
63 9
|
2月前
|
JavaScript 容器
jquery和CSS3图片排序过滤搜索插件
Filterizr是一款jquery和CSS3图片排序过滤插件。它可以对一组图片进行排序,按条件过滤和按关键字搜索。并在显示结果时使用指定的CSS3动画过渡效果。
34 2
|
2月前
|
JavaScript
jquery和CSS3响应式轮播图插件jcSlider
jcSlider是一款jquery和CSS3响应式轮播图插件。jcSlider使用CSS3过渡动画,它可以和animate.css完美结合,生成60多种轮播图过渡动画效果。