制作网页游戏需要什么(在手机上自己制作游戏的方法)

链接:http://web.jobbole.com/87642/

新人们找个好玩的来练练手如何?虽然我不是专职搞web的,但做过几个代码简陋,只有几十行,然而做出来的感觉甚是开心,也希望各位新入门的开发者,可以拿去做个小游戏玩玩看。

三个游戏:翻转拼图,2048网页版,视力大作战。

一:翻转拼图

其中翻转拼图个人认为是最好玩的一个以前做过详细的逻辑和代码分析,链接在下可以学习一下。代码在试玩网页可以查看:http://luyishisi.github.io/game1/

在准备写这个之前至少要有html,css和JavaScript的知识,如果会jQuery最好。

首先贴上一开始想的开发规划:

逐步实现:

3:实现变色的重复性,

4:设置边界,

5:设置成功条件。

试玩页面如下:

http://luyishisi.github.io/game1/

制作网页游戏需要什么(在手机上自己制作游戏的方法)

二:2048网页版

2048这个游戏很知名,手机端网页版pc端都有,今天我们可以稍微自己做一个简易版的玩一下。

编写思路:

16个按钮构成界面

通过js修改value值

js捕捉键盘事件抓住方向键触发

触发事件修改按钮的value值

写运行算法,根据按钮value对应的数值得出新值

修改与测试

运行界面:

请不要嘲讽我难看的设计,希望有妹子可以修正给个美丽的色调。

http://luyishisi.github.io/game2048/

三:视力大作战

好吧,我承认这份代码比较low.没有用什么框架,也没有什么很好拓展性,不像是之前用avalon做的那个:

这个代码主要还是想拿来复习一下,,楞是写了两节课,如果换在去年,估计半个小时就基本搞定了..唉.代码还是得经常练,不然又得重新学..

代码的整体思路是:

已经发现的bug有:

1:产生的随机数如果是0则因为没有bu0这个id会导致游戏无法进行,已经修复,出现0则 ;

2:产生的随机数如果与上次的相等会导致色彩刷新失败,已经修复,与name_temp比对,相同则 ;

3:手机上显示不是很切合,还未解决..

4:不同浏览器可能看到的排版效果不同,未测试.

运行截图:

后记:

朋友们,所有人的技术都是一步步积累而来,而制作小游戏,小项目就是让积累的过程更快乐。

本文是将我自己博客中的几篇文章总结汇总而来,各位可以回链参观一下,也有不少自制小项目玩玩。

陆熠十四:少年程序猿,从事数据采集挖掘方面:个人博客,www.urlteam.org。主要技能树:python,爬虫,linux,web前端,ACM,骑行。

——————推荐 ——————

范品社推出了十几款程序员、电影、美剧和物理题材的极客T恤。单件 ¥59.9、两件减¥12、四件减¥28,详见网店商品页介绍。

淘口令:复制以下红色内容,然后打开手淘即可购买

范品社,使用¥极客T恤¥抢先预览(长按复制整段文案,打开手机淘宝即可进入活动内容)

发表评论

登录后才能评论