2012年04月_bill_man

09月 06月 04月 03月 02月 01月

原创 cocos2d-x游戏实例（28）-简易动作游戏（6）

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man本篇继续简易动作游戏实例，本篇加入简单血量条ui，效果如下：可以看到在左上角加入了一个显示血条的ui，是两条线宽不同的直线叠加的效果，首先声明了一个UILayer类，该类继承自CCLayer，使用其中的draw函数来绘制形状，该类的声明如下：除了初

2012-04-22 11:49:00 15030 9

原创 cocos2d-x游戏实例（27）-简易动作游戏（5）

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man继续简易动作游戏实例，本篇加入小怪并且加入小怪与主角的碰撞检测，效果如下：首先在场景的初始化函数中加入小怪的精灵，并设置位置与锚点：enemy = CCSprite::spriteWithFile("SpinningPeas.png");map->

2012-04-21 21:56:14 7857 1

原创 cocos2d-x游戏实例（26）-简易动作游戏（4）

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man继续上一篇的简易动作游戏，本篇加入主角的跳跃，以及在跳跃过程中的碰撞检测，在动作游戏中跳跃是很重要的部分，首先来看效果：首先是需要在操作的部分作修改，首先来看ccTouchesBegan函数的修改：在之前对x轴运动的

2012-04-14 21:10:44 7310 4

原创 cocos2d-x游戏实例（25）-简易动作游戏（3）

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man本篇进行垂直方向上的碰撞检测，测试的方法就是把主角的初始高度设高，让主角落至地面：来看判断垂直方向的碰撞的函数playermapvcollision：前面几句是获得主角的位置和宽高以及获得地图，然后通过如下几句获得主

2012-04-14 18:35:24 6441

原创 cocos2d-x游戏实例（24）-简易动作游戏（2）

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man继续上一篇动作游戏的实例，加入左右边界的碰撞，效果如下：左右边界的碰撞，需要借助到地图中的图素的属性部分鼠标右键属性，加入collion属性（自己定义的名字)，并把属性的值设置为2，这样我们在我们的程序中获得属性后我

2012-04-12 22:08:33 8566 1

原创 Html5 Canvas初探学习笔记(15) -鼠标事件

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man本篇完成这样一个例子，让主角随着鼠标移动，效果如下：update函数和上一篇一致，代码如下：然后来看init的初始化部分，和上一篇的示例一样，代码如下：然后分别定义mousedown，mousemove，

2012-04-10 22:38:02 10159 3

原创 Html5 Canvas初探学习笔记(14) -简单动画实现

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man之前都是简单的静止绘图，本篇实现一个简单的动画效果，效果如下：就是让人物向斜下方运动，代码如下：主要是由两个函数组成，首先当页面载入的时候调用init函数，首先来看init函数，init函数首先是几句初始化的内容

2012-04-10 22:35:25 6475 3

原创 Html5 Canvas初探学习笔记(13) -图片变换

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man之前的图形变换中的那些操作的状态值，在图片操作里依然有用，虽然像缩放这样的操作我们在绘制的时候就可以实现，不过这依然是一种实现的方法1.图片的平移，效果如下：代码如下：var image = new Image();

2012-04-05 21:54:16 5632 1

原创 Html5 Canvas初探学习笔记(12) -图片裁减和调整

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man上一篇讲了图片的两种操作，读入和导出，而读入图片之后的画图片我们采用的是只有三个参数的drawImage，本篇将分别介绍5个参数，和9个参数的drawImage，其实最后一个函数很像j2me里面的drawRegion。首先介绍5个参数的可以

2012-04-05 21:51:04 8253

原创 cocos2d-x游戏实例（23）-简易动作游戏（1）

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man从本篇开始，开始一个简单的动作类游戏的实例，本篇介绍基本场景的构建和搭建，效果如下：就是简单的显示地图和主角，并且主角移动，并移动相应的视角，首先来看场景初始化的函数init，代码如下：首先是定义一个背景，我们使用的

2012-04-04 17:37:50 13197 6

原创 Html5 Canvas初探学习笔记(11) -简易图片操作

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man本篇介绍简易的图片操作，首先是简易的图片显示效果如下：就是把一张简单的jpg格式的图片显示在网页上，实现起来也非常简单，代码如下：var image = new Image();image.src = "icon.j

2012-04-04 17:34:09 5446 1

原创 cocos2d-x游戏实例（22）-纵版射击游戏（9）

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man继续上一篇的纵版射击游戏，本篇加入几个敌人的类型，效果如下：我加入5种类型的敌人，分别为对

2012-04-02 18:02:50 7800 5

原创 Html5 Canvas初探学习笔记(10) -复杂路径

小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man之前已经介绍过简单的绘制路径，本篇介绍绘制折线和贝塞尔曲线，首先介绍折线，效果如下：代码如下：context.beginPath();context.moveTo(100,50);//context.lineTo(1

2012-04-01 22:23:49 4611 1