您的位置:首页 > Web前端 > HTML5

制作h5游戏心得

2016-03-15 15:48 204 查看
做英语游戏的这个项目时,刚拿到手时,我的老师跟我说你去研究下html5,然后做下在网页上能实现连线题的游戏。

一开始我是直接上网找代码,然后就直接试着做。因为之前学过HTML和css的,那时在想应该都差不都,就是多了些标签,多了些功能。然后我是很快就能实现连线题,它是直接用上canvas标签,然后加上js的代码的专门对于canvas标签的语句实现了画线。

我一做出来就很老师讲了,他一看我这么快就能实现,他并让我接了英语游戏这个项目了。

我也知道了我的压力开始来了,因为我是实现了连线,但是我还没能实现做出判断还有很多的功能都没实现,只是单纯的会画线,而且是没规律的画线。后来我开始借书看,上网看些代码,自己开始试着做。刚开始我做出点击加移动在放开之后才能出现那条直线,我的同学和我说这样做不可以,最好做成和Flash的那种一样,能实现鼠标点击后脱出一条线跟着鼠标动到了目标点击后连成一条线。后来我开始继续学习,我开始做出鼠标点击后脱出一条线跟着鼠标画出线,但是我到了目标后不能实现成一条线,是跟着鼠标的路线画出的线。这之后这个做法还是不行,一定是要直线。我想了好几天,也上网查了很多的资料看了好多天,但是直接看别人做出来的成品代码我还是看不懂,还是不知道如何该实现。我想到是用到js中setInterval()【setInterval()
方法可按照指定的周期(以毫秒计)来调用函数或计算表达式】来实现,先让我画出来的线擦去,然后再画下一条直线,这样以一个快到眼镜察觉不到的速度把之前所画的直线都擦去,留下直接想要的最后个直线。在那后我做出了我想要的效果,但是实现了那效果后不是等于可以做游戏了,还有进行判断和实现最终游戏要的效果,所以我总结了下,首先线不是乱画的,不是想画几条就几条,(那个游戏是苹果连线的游戏,连到正确的篮子里)一共有10苹果,所以最多画10条线。要求正确的画线画出来时发出正确的声音和线不会消失,所以要求画出后就马上判断。这只能找js来帮忙判断,后来想想,那不就是都在用js,而HTML的语句用的很少,基本这游戏是靠js来写的。这样一想我还是不会,我并开始看书,一个星期一直在看书,当然我也是学了很多。那时老师问我做的怎么样,我心里是在想现在还是相当于什么都做出来,但是我这个星期看的书让我懂了很多,只是我一直没试着做,我想给自己一点压力这样才会更有动力去写。随后我并和老师说应该可以的,(这也是因为我想给自己一点压力,结果变成不是一点压力而是很大压力)老师并让我明天给他看,我一下子就慌了,我是想以为还会给我点时间,随后我就后悔了,我马上开始做了,开始做的时间是晚上7点差不多开始做,但是很忧伤的是我到了晚上11点的时候还是相当于什么都没做,当时我内心都要崩溃了,我是按照书上的有个大概的游戏做的,但是还是实现不了。凌晨1点的时候做出了连线的大概功能,室友都要睡觉了,我也不太好意思打捞她们,于是我就睡了。晚上怎么都睡不着,一直在想怎么实现判断。白天一大早我就起床了,一直在写,中午的时间终于做出来了,我超级开心的去交这个游戏了。但是因为这个游戏是放手机上的,老师把这个游戏带给出版社时他们又不要这个游戏方案了,因为这个功能在手机上没啥用,所以改成拖拽苹果的游戏了。T_T顿时感觉整个人都不好了,辛辛苦苦的把那个游戏做出来了但是又不要了,虽然拖拽苹果的会简单点,但是总想把我做的那个游戏能用上,因为我真的花了很多的努力在上。没办法,我们还是要按照要求做东西。还好有了做连线的基础,很快的我就做出来拖拽的游戏,拖拽游戏比连线的简单。

我把拖拽的游戏交给老师,很快的又出问题了。那个游戏能在电脑上能实现功能,但是你能在手机上实现。因为手机上的触碰事件不一样,要专门用到写移动端的库。那又是一个难点来了,那是给我的时间不多,我要马上学,马上做。我找原因和找代码都试试可是还是时间的问题,不能让我花很多时间在这个上面,于是我直接找书看,书上是用到lufylegend库。这个库很好用,我就按着书上的例题加上自己改改后终于做好了,虽然后来还有很多需要修改的意见,但是也是很快能改完了。

这次的项目中虽然过程有些难,但是我能感觉我有在进步,进步的很快,后面做的游戏也是很快能上手。这次的游戏不是什么大游戏,但是也能让我有所进步。在这次的项目中我能深深的体会到算法的重要性,我建议要学编程的朋友们,千万要重视算法。语法是可以很快上手的,因为语言是相通的,重要的在于想法,只要你有你的想法,你肯定是能做出来的。还有就是不要放弃,在我做连线题的时候好几次都想要放弃,几次试几次失败。但是我一想到这是老师第一次给我的项目,我不想让他失望,我也想证明下我自己是可以的,最后还是做出来了。刚做出来的时候超级开心,心情超级好,之前的辛苦都已经没有白费,所以一定不要放弃,万一下一秒就能做出来了。我总结这次的项目的对于我的进步,1.算法,想法的重要性。2.做事情千万不要轻易放弃,要对自己有信心。3.发现能够努力做一件事是一件快乐的事情。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: