心雨嘀嗒-CSDN博客

原创 HTML5 Canvas消除游戏

玩过微信“天天爱消除”游戏的人都应该了解这类游戏，尤其这类游戏常常受到许多妹子的喜欢，所以我还是花了周末一天的时间做做这个游戏。我的这个游戏当然没有微信里的效果那么炫酷，只是完成了消除游戏一些核心的逻辑，包括消失、补全、交换这些。仔细算下来，这好像已经是我的第7款小游戏了，这又让我开始憧憬大游戏的到来。算了，反正小时候玩过那么多小游戏，先把那些记忆中的游戏写完再说。

2014-10-20 17:29:01 947

原创原生JS瀑布流布局赏析

本效果的思想来源于以下这边文章：http://www.w3cfuns.com/thread-5592024-1-1.html瀑布流布局主要分为两部分：1) 数据块排列，算法步骤简述下:初始化时，对容器中已有数据块元素进行第一次计算，需要用户给定: a，容器元素 — 以此获取容器总宽度； b，列宽度；最终列数取的是容器宽度/列宽度；获得列数后，需

2013-07-16 17:56:05 1112

原创 HTML5 canvas燃尽图

先说说这个demo的灵感来源。我以前有一同事，技术在我心目中算是非常厉害的那种，我这一年多来的技术提高基本上完全靠他所赐，再次对他表示深深的感谢啊！一次偶然的机会，让我见识了他的前端博客，其中里边有一个demo给我的印象特别深，好像名字叫做”svg burndown”.顾名思义，他的这个demo是用svg做的，我觉得挺有意思，于是下定决心自己做一个，svg已经被他用过了，再

2013-06-28 11:03:05 1215 1

原创 js实现目录树插件

一直就像写一个目录树插件，但是始终不知从何处下手，这个跟日期组件一样，需要一点算法和逻辑思维的知识。气质凡事一定要经过亲身经历才知道它的简单，这不，我以前确实把它想做特别复杂，现在亲自动手之后，才发现也不是很难的。首先，要构造目录树，最重要的就是数据结构了，数据的构造形式直接影响这dom结构的构造，经过几番思考，最终想出了以下的数据结构（json格式）：{

2013-06-09 12:01:29 2487

原创原生js拼图游戏

周末在家闲的无聊，于是自己写了一个游戏自己玩，结果自己做的游戏自己都玩不过去，哎，整的我测试都挺麻烦的。我在网上看到很多类型的拼图游戏，说实话挺佩服的，不过我自己看了他们的实现方式，所有的图片都是经过图片工具处理后被提前分割为很多张图片，这不仅造成了图片加载的延迟，同时也造成了不好的用户体验。我想了很多方法，能不能在一张图片上下文章呢，于是我想到了css图片裁剪。

2013-06-03 11:49:16 949