随笔分类 -  html5

something aboat html5
用cocos2d-html5做的消除类游戏《英雄爱消除》(3)——游戏主界面
摘要：游戏主界面，同时也是主程序，包括sprite的生成加入以及游戏状态的控制。下面同样贴下源码再讲解;/** * Power by html5中文网(html5china.com) * author: jackyWHJ */var STATE_PLAYING = 0;var STATE_GAMEOVE... 阅读全文
posted @ 2014-06-10 14:24 jackyWHJ 阅读(1157) 评论(0) 推荐(0)
用cocos2d-html5做的消除类游戏《英雄爱消除》(2)——Block设计实现
摘要：Block可以说是这个游戏的核心类，它除了包含自身的一些属性和方法外还添加了对触摸事件的响应。我们先来看下源码吧/** * Power by html5中文网(html5china.com) * author: jackyWHJ */var Block = cc.Sprite.extend({ ... 阅读全文
posted @ 2014-06-10 09:22 jackyWHJ 阅读(1636) 评论(1) 推荐(2)
用cocos2d-html5做的消除类游戏《英雄爱消除》(1)——系统主菜单
摘要：系统主菜单如下图所示：首先，介绍下这个主菜单，它包含了一个动画logo以及一个按钮选项，动画logo每隔1秒钟切换一张图片，点击相应的按钮选项会切换不同的游戏场景。下面看下这个界面的源码：/** * Power by html5中文网(html5china.com) * author: jacky... 阅读全文
posted @ 2014-06-09 18:05 jackyWHJ 阅读(1610) 评论(2) 推荐(1)
用cocos2d-html5做的消除类游戏《英雄爱消除》(4)——游戏结束
摘要：游戏结束界面：在前面几个教程中，这个界面的创作所需要的知识点基本我们都讲过了，这里就说下用户数据的缓存吧，也是先来看下源码/** * Power by html5中文网(html5china.com) * author: jackyWHJ */var GameOver = cc.Layer.ext... 阅读全文
posted @ 2014-06-09 18:02 jackyWHJ 阅读(852) 评论(0) 推荐(0)
用cocos2d-html5做的消除类游戏《英雄爱消除》——概述
摘要：在bbs.html5china.com论坛学习了MV和老马的小熊蘑菇后我也自己模仿他们做了这样子一个游戏，权当技术交流学习，现在附上游戏截图和源码。游戏截图：1、系统菜单界面：2、游戏界面3、游戏结束界面：4、游戏设置页面这是一款休闲型的游戏，移动方块，相同的方块在一起就会消除，计算消除整个屏幕方块... 阅读全文
posted @ 2014-06-09 11:56 jackyWHJ 阅读(2082) 评论(0) 推荐(1)
position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？
摘要：这是寒冬大神提出的一个题目，刚开始看到这题的时候完全不知道从什么地方回答起好，题目内容比较广泛，找不到针对点。后来我觉得这个题目应该能拆成几个点来回答：1、'display'、'position' 和 'float' 的相互关系；2、position跟display、overflow、float下的... 阅读全文
posted @ 2014-05-27 22:25 jackyWHJ 阅读(14952) 评论(9) 推荐(10)
html5 canvas做的图表插件
摘要：用highchart的时候发现它是用svg来画图的，那么用canvas来做怎么样的。以前做AS图表插件的时候，绘制图画主要用容器的Graphics对象来绘制，而canvas的context和Graphics一样，都可以用来绘制图形。然后就试着用canvas做了这样一个东西。具体实现如下，个人表达能力... 阅读全文
posted @ 2014-05-13 23:12 jackyWHJ 阅读(3041) 评论(5) 推荐(0)
《转》你若触发 我就处理——浅谈JavaScript的事件响应
摘要：每当猴子们问我JavaScript和DOM里啥东西最牛逼时，我都会一巴掌打回去：卧槽还用问么当然是事件响应了啊！没它你能有时间和我讨论这个？你早去工地搬砖去了好么！浏览器没有事件响应就没有行为交互，那简直就是一夜回到解放前的感觉啊。此外，以事件驱动使得功能解耦也是个相当高端大气的技巧了，嘛，以此为... 阅读全文
posted @ 2014-03-28 16:07 jackyWHJ 阅读(377) 评论(0) 推荐(0)
2个canvas叠加运用(时钟例子)
摘要：最近在学习canvas,http://corehtml5canvas.com/code-live/，主要的学习方式就是通过上面的一些例子来学习canvas的一些用法。但是我发现，这里的例子，只要canvas的内容有一点点变化（甚至是某个元素位置的变动），都会去清空整个canvas然后整个canvas... 阅读全文
posted @ 2014-02-27 13:19 jackyWHJ 阅读(10199) 评论(2) 推荐(1)