2009-1
15

原创贪吃蛇——贪吃蛇的新玩法

类别: My Demo | 1,550 Views | 4条评论

首先，不得不承认，我对游戏难度的追求已经达到了BT的程度。最后一关我想应该不是人能玩得过的。此游戏跟传统的贪吃蛇不同，不追求蛇的长度跟速度，而是要把蛇盘成特定的形状才能过关，当上方的进度条吃满了之后，地面会出现纹路，此时要将蛇按地面上的纹路盘好才能过关。

言归正传，这个贪吃蛇可以说完全是原创的，很多传统的贪吃蛇（包括很多已有的原码）都是通过二维数组定位，变换坐标来实现，但这样让人感觉运动不连续。这里采用的是一种类似“跟随”的手法，运动是连续的，手感要好很多。另外由于采用的是跟随的方法，没有实时记录蛇身的坐标，所以在过关的判定上用了hitTest，不过经测试，对CUP的占用并不算大。
4 5 10

2009-1
13

CSS实现兼容浏览器的文字阴影效果

类别: Xhtml/Css | 1,855 Views | 3条评论

也不记得是哪天了，美工丢来一个页面要做。哇塞！上面居上有文字阴影的效果，一般这种情况下，要么就用图片，要么就是沟通一下把这个不2.0的效果给喀嚓掉就得了。如果只考虑IE的话那当然就一个滤镜就搞定，不过我们得向标准看齐嘛。当时脑瓜子转了转，还真让我给想出办法来了。就是下面这种效果咯。

兼容浏览器的文字阴影效果
兼容浏览器的文字阴影效果

其实这只算是一种取巧的手法了，原理很简单，其实是输入了两次文本，通过定位使其中一个在上方另一个在下方，并加上少许的偏移使之产生阴影的效果。当然，此方法是能通过W3C验证了，但本民工并不觉得这是一种“标准”的做法，还是只在少数需要增强设计的场合使用罢了。

下面是代码：

1
2
3
4
5
6
7
8
9
10

<style type="text/css">
.title_div {height:30px; background:#6c7d8d; overflow:hidden; line-height:30px; padding-left:35px;}
.title_text { color:#FFF; margin:1px 0 0 0px; position:absolute; z-index:20; float:left;}
.title_shadow { color:#000; margin:2px 0 0 2px; position:absolute; z-index:10; float:left;}
</style>
/*包含文字的不一定是要DIV，用SPAN也行，只不过要加上display:block;*/
<div class="title_div">
<div class="title_text">兼容浏览器的文字阴影效果</div>
<div class="title_shadow">兼容浏览器的文字阴影效果</div>
</div>

提示：你可以先修改部分代码再运行。

2009-1
13

火眼金睛——考眼力咯！

类别: My Demo | 1,704 Views | 8条评论

这也是一个早期练手的东东。不得不承认，界面真的不好看，用的元素还都是FLASH公共库里自带的，看来还是得找个美工帮帮忙才行呀。本人做游戏一向以难度BT著称，这次也不例外，最多会有五个不同颜色的球在乱窜，而停止后会随机问其中一种颜色的球的所在位置@_@。反正这个连本人都没有玩通过啦。

2009-1
12

一个逼真的AS3水波效果

类别: Flash/AS3 | 6,986 Views | 2条评论

这个并非原创，在AS2时代有位高人写过一个很牛的水波效果，后来大家都用那个。前阵子弄个游戏想用用这个水波的效果，不过AS2的不能直接用，所以花了点时间翻译了一下，算法还是跟那位前辈一样的。另外再提一下，这个算法其实蛮耗资源的，如果图片尺寸比较大的话，会很卡，也是因此我的游戏最终没有用到这个效果。 阅读全文 »

2009-1
12

[Tool]Get The Tempo

类别: My Demo | 651 Views | 没有评论

这是应一位同事的要求做的一个小软件，用处就是用来计算一首歌的BPM（beats per minute）了。当然，操作还是得手动，跟着歌的节奏拍空格，显示的就是歌的BPM，据说也没有别的什么好方法能“自动”地得到歌的BPM了。而程序实现其实很容易的，用两次按空格时的getTimer()相减，再加以换算就得到BPM了。

什么？你问得到了一首歌的BPM又有什么用？唉，怎么说呢，不是玩音乐的人不会对这个感兴趣的啦（对了，实在要说有什么别的用处的话，那就是可以自己摸着胸口来算心跳速率了，嘿嘿）。本来还答应那位同事再做一个节拍器的，也做得差不多了，但是在离开公司的时候把源文件给弄丢了，唉，看啥时有激情的时候再给补上吧。

2009-1
11

AS3+XML自定义尺寸轮换广告

类别: My Demo | 1,627 Views | 没有评论

这个也是比较早期弄的东东了，那时候公司需要这么一个东东，曾经很流行的那个轮换广告是用遮罩变换的，图片稍微大一点的话就会感觉很卡。而网上找的其它的源码要么就是不能自定义尺寸要么就是有这样那样的问题，所以干脆自己做一个好了。

其实轮换广告并不难，只要思路清晰，做这个也没花太多时间，在公司网站上用着效果还算好，可总有点说不出的不爽，可能是因为初期的东西代码写得不太规范吧，有时间再重写一个好了。

图片的大小、轮换时间、是否显示标题、以及按钮的位置都可在页面的JS中设定。其实完全可以跟台后广告管理系统结合的，但是当时公司没人去弄广告系统这一块，只好用了个XML了。

哎，昨天弄了个ISAPI_Rewrite规则之后，这里的JS就不显示了，还是下源码预览吧。

源文件下载：adpic.rar