html5小游戏《看你有多色》源码免费下载

2014-08-20 22:58:26
移动端小游戏的火热离不开这三个元素,移动浏览器、微信和html5技术, 移动浏览器解决了浏览器的兼容问题 html5解决了客户端脚本语言的实用性问题 微信解决了传播的问题
最近大家在微信里一定看过不少被疯转的小游戏吧,比如《围堵神经猫》、《看你有多色》、《白熊打企鹅》等,
外行看热闹,内行看门道,
现在很多人也越来越注意到这一情况,根据各自角色的不同,出现了小游戏的开发方和需求方。

移动端小游戏的火热离不开这三个元素,移动浏览器、微信和html5技术,
移动浏览器解决了浏览器的兼容问题,使得html5技术可以放心使用,不用担心浏览器不支持了,
不管是android中的chrome还是ios中的safari,其内核都是webkit,对html5的支持都比较好。

html5经过几年的发展和传播,也被越来越多的开发人员所接受,这里说的html5是指一个体系,
包括html+javascript+css3

微信解决了传播的问题,这些小游戏充分的利用人们的虚荣心,在朋友圈中进行着病毒式传播。


下面小编就以《看你有多色》游戏为原型,试着用html5开发一个类似的小游戏《袜子里挑妹子》,
游戏规则很简单,

每次只有找到了妹子,才能进入下一关。





下面是完整的html5代码,没有用到任何的js框架,原理都写到注释里面了,

最基本的技术就是html5中的canvas画图了,

当然,这离一个完整的游戏还有不少的差距,无论是用户体验、美工设计、技术细节等,

都需要仔细打磨。


在线试玩 http://www.hutuseng.com/uploads/se.html

下载地址 http://www.hutuseng.com/uploads/se.html.txt