2048 根本停不下来的开源HTML5游戏
2048的GitHub页面
游戏的玩法很简单,在4x4的棋盘上,用方向键选择数字移动的方向,遇到相同的数字就会合并,每次移动会增加一个数字。合并出2048就算通关。虽然简单,但是很有乐趣,被誉为“根本停不下来的游戏”。
这个游戏完全使用HTML5开发,代码基于MIT协议开源。
游戏的CSS部分使用了Sass,一门编译到CSS的语言。Sass基于Ruby,诞生于2007年,是最早也是最成熟的一款编译到CSS的高级语言,它可以使用变量、常量、嵌套、混入、函数等功能,加速CSS的开发。
JavaScript部分使用jQuery,jQuery应该算是目前最流行的前端JavaScript库,越来越多的开发者使用jQuery开发HTML 5游戏。我们以前介绍过的HTML5版的flappy bird也使用了jQuery框架。
这个HTML 5游戏不仅可以在浏览器里玩哦~ 在手机上玩效果也很不错。
比如,在iPhone上玩的话,会进入全屏模式,让你玩得尽心。也可以将这个游戏加入主屏幕(home screen)。这些实现起来其实很简单,只需在html的header中声明一下即可:
这就告诉Safari这个页面在全屏模式下运行。
这个rel为apple-touch-icon的文件就是显示在主屏幕上的图标(注意必须是PNG格式)。
还有一个彩蛋就是,官方的说明是用方向键控制移动,其实还可以用别的键:
KeyboardInputManager.prototype.listen = function () { var self = this;
var map = {
38: 0, // Up 39: 1, // Right 40: 2, // Down 37: 3, // Left 75: 0, // vim keybindings 76: 1,
74: 2,
72: 3,
87: 0, // W 68: 1, // D 83: 2, // S 65: 3 // A };
很多游戏都支持的W、D、S、A键,还有vim党最爱的h、j、k、
【2048 根本停不下来的开源HTML5游戏】相关文章
8. 48小时!24款游戏!引爆9ria主题游戏Hackathon
10. Goko推出帮开发者创建推广HTML5游戏的开发平台
本文来源:https://www.51html5.com/a495.html
﹝2048 根本停不下来的开源HTML5游戏﹞相关内容
- 角逐手机浏览器市场 技术支撑和创新能力是根本
- 未来一年48项即将大热的技术趋势HTML5在列
- 黑莓10默认浏览器HTML5得分484
- JavaScript+HTML5打造的开源Timeline
- 基于HTML5技术的开源思维导图 - mindmaps
- 简化HTML5文件系统API开发的开源JS库
- 腾讯推出HTML5的开源图像处理引擎
- html5游戏开发-零基础开发RPG游戏-开源讲座(二)-跑起来吧英雄
- html5游戏开发-零基础开发RPG游戏-开源讲座(一)
- html5游戏开发-零基础开发RPG游戏-开源讲座(三)-卷轴&对话实现 ... ...