摘要: 现在很流行html5,所以我也花时间去学一下,我主要学习的是canvas标签,因为它可以画图,写小游戏。。。发觉canvas写游戏跟用dom操作来写游戏很不同:1,canvas是一张画布,所有东西都是画上去的,如果需要移动某个元素,需要擦掉它,然后再画个新的上去。2,dom操作,如果要画一个东西,需要将dom元素添加到body或某个div中,设置它的样式,然后才会显示对应的样子出来,不过,它要移动... 阅读全文
posted @ 2010-11-18 16:06 Floyd 阅读(4016) 评论(21) 推荐(6) 编辑
摘要: 最近回头看看自己以前写的游戏代码,总结出几个可以优化改进的地方,当然还有很多地方需要优化,还希望大家指出来。1。善用DocumentFragment之前有个打飞机的游戏。我是用如下方法添加子弹[代码]问题就来了,我的目的是希望同时能出现5颗子弹,所以我循环将5个子弹对象添加到body,这样会导致一个结果:浏览器reflow了5次。但其实可以找一个载体,来先把这5个子弹类装起来,然后,再一次性添加到... 阅读全文
posted @ 2010-11-05 14:45 Floyd 阅读(2360) 评论(5) 推荐(3) 编辑
摘要: 不知不觉,就到了11月份了,其实我为啥要写js游戏,觉得游戏更能引起共鸣。11月份开篇之作:是男人就下100层,相信大家都玩过。这次的游戏的编写难度比之前的都高很多。本次鄙人用了js的继承以及设计模式的工厂模式,也算是一个突破。。。游戏的大致设计思路:1,玩家类Player:一个人能左右移动,以及上下移动的小人。拥有的基本方法:{左右移动 : 单纯的键盘左右移动,向下移动 : 属于向下加速度移动,... 阅读全文
posted @ 2010-11-03 18:23 Floyd 阅读(3420) 评论(12) 推荐(3) 编辑
摘要: 相信这个游戏大家都玩过了吧。。。我还是重复一下玩法吧游戏玩法:控制游戏中的鸟飞,当你按空格的时候,鸟就会往上飞,否则鸟会掉下去。在飞的过程中,不可以碰到黄色的障碍物,以及上层与下层,否则游戏结束。分数:0米游戏的设计思路:1:飞鸟,它其实只是一直在上下飞,并不会左右飞的。一个setInterval来控制飞鸟一直往下飞,每飞一下,速度就递增;当用户按下空格时,另一个setInterval执行,控制飞... 阅读全文
posted @ 2010-10-28 18:17 Floyd 阅读(3502) 评论(28) 推荐(3) 编辑
摘要: 这次为大家带来的小游戏是:打飞机。呃。。。我本人就写不出什么惊天大作的游戏的了,只能写写小游戏,代码量小,又可以学习,主要是想法思路,代码量大,估计也没啥人会去研究学习。。。玩法说明:上下左右控制移动,空格发弹。 每打中一个敌机就加100分,每提升5000分,玩家的飞机的一次发弹数就加一,最多四,被敌机撞到或者让敌机飞到底部就算输。。。。分数:0游戏目前的功能还是比较简单的。。。。貌似就贴个源码不... 阅读全文
posted @ 2010-10-26 11:53 Floyd 阅读(7156) 评论(35) 推荐(5) 编辑
摘要: 突然发觉自己好喜欢写一些js小游戏,觉得蛮有意思。。。又可以娱乐,又可以学到东西。。。哈哈这次带来的是仿劲舞团的小游戏。。。就是上下左右。。按后按空格。。。不过,没有人跳舞,也没有背景音乐。。。简陋版嘛先来个预览玩玩吧:连击:0时间:1:Direction类,方向类,就是显示上下左右那些,主要负责生成对应的dom元素。Direction类Code highlighting produced by ... 阅读全文
posted @ 2010-10-19 15:58 Floyd 阅读(3786) 评论(18) 推荐(10) 编辑
摘要: 啥都不说,先预览一下。这次没UI,哈哈。。。都是用css凑出来的。。。游戏说明:方向键左右控制移动,左Ctrl为变大5秒,吃到白色加100分,红色扣100分,蓝色增加一次变大以下是源码以及解析:html代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--... 阅读全文
posted @ 2010-10-13 15:31 Floyd 阅读(2844) 评论(17) 推荐(13) 编辑
摘要: 这个是我无聊的时候写的,先看看效果(UI做得比较丑): 说明:红色的点击得分100,蓝色的点击扣分100. 分数:0 倒计时:60 只是想用js来写个小游戏,顺便练练js的代码。 先看html部分: [代码]js部分:地鼠类[代码]接着是游戏控制类,控制游戏的逻辑:[代码]这样就完成了。。。功能还是很简陋。。。只是想说明,js还是可以做小游戏的。。。欢迎拍砖!响应要求,提供源码:http://fi... 阅读全文
posted @ 2010-10-09 14:38 Floyd 阅读(7103) 评论(26) 推荐(17) 编辑
摘要: 首先介绍两个工具函数:[代码]Hide函数:[代码]Show函数与Hide函数类似,只是思路相反而已[代码]调用方式如:[代码]呃。。。感觉写得好冗余,但不知要如何再优化,希望有高手能写个精简些的。。。 阅读全文
posted @ 2010-09-17 14:49 Floyd 阅读(6039) 评论(5) 推荐(0) 编辑
摘要: 一年都没写过博客了,不是懒,是不知有啥好写的。。。现在本人从一个后台开发.net的转向前端开发了。。。之前去面试的时候,给面试官问过,有没有属于自己的ajax类,当时很奇怪,因为我基本上ajax开发都是用jquery来完成,后来想了想,也是应该写一个。先看调用方式:[代码]方式好像jquery哦。。。还是觉得这样调用方便些。。。[代码]这个类,肯定有不足的了,欢迎拍砖吧!每个人都有自己的习惯用法,... 阅读全文
posted @ 2010-09-16 14:57 Floyd 阅读(966) 评论(4) 推荐(0) 编辑