- 博客(13)
- 资源 (8)
- 收藏
- 关注
原创 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 8567 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 13198 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 7801 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
Cocos2d-x2.1版本ChipmunkTest修改
2013-01-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人