这两天在用cocos-js 开发一个一堆小球碰来碰去的游戏,就打算选择一款物理引擎来简化代码。第一开始打算用Box2d(网上一片好评),但是看看之后发现Box2d适用于js-HTML版本,对js打包版本(jsb)是不适用的(我没有深入探究,不知道是不是)。于是打算使用Chipmunk来开发。但由于Chipmunk没有js文档,只有C++版本的(官网地址:http://chipmunk-physics.net/),百度也找不到合适的教程,在做碰撞监听这块儿时,废了很大功夫,在一定程度上是根据C++文档来猜js中对应的函数的。。。所以做完之后,写出这篇博客来方便有同样需求的哥们儿。(但不知效果如何)
Cocos IDE工程代码免费下载地址:http://download.csdn.net/detail/u013647453/8910481
(目前功能有随机产生小球,点击屏幕产生小球,小球碰撞的监听和处理)
(注释掉的代码大家可以忽略)
1.先对Chipmunk的核心进行简单介绍。(摘自Cocos官方文档:http://cn.cocos2d-x.org/tutorial/show?id=2706)
空间(space):物理空间,所有物体都在这个空间中发生。
物体(body):物理空间中的物体。
形状(shape):物体的形状。
关节(joint):用于连接两个物体的约束。
使用Chipmunk物理引擎进行开发的一般步骤,如下图所示。
2.游戏Demo的概述
- 只有一个scene:PlayingScene和一个layer:PlayingLayer。大家只需要关注PlayingLayer中代码即可。
- PlayingLayer代码结构概述:(重点关注红色标注的函数代码)
update():用来告诉Chipmunk引擎更新界面。
addBall():在空间(space)中添加物体。添加body:设置形状、位置、速度;添加shape:设置形状、弹性、摩擦和碰撞检测要用到的参数;添加sprite。
碰撞后的回调函数:(摘自http://my.oschina.net/lonewolf/blog/173593)
collisionBegin():碰撞开始时调用,碰撞处理代码可以放在这里
collisionPre():持续碰撞(相交),可以设置相交时独自的摩擦,弹力等
collisionPost():调用完collisionPre后,做后期处理,比如计算破坏等
collisionSeparate():物体分开,当删除一个shape时也会调用
3.从下图的角度来看Chipmunk
initialPhysicsWorld:创建物理空间(space),指定空间边界。
addBall:创建空间中的物体,创建空间中的形状,链接精灵与物体。
addCollisionHandler:检测(监听)碰撞。
collisionBegin:处理碰撞。
简化的过程是这样的:
创建一个space,给space添加物体。然后只需要通知Chipmunk更新界面就行了(update函数)。
附加解释:
边界是不动的物体,小球是动的物体。
Chipmunk更新界面时是根据space设置的属性:gravity等;边界的属性:弹性、摩擦、碰撞物体的标志;小球的属性:初速度、位置、弹性、摩擦、碰撞物体的标志 这些属性,然后通过时间的推移,并处理过碰撞之后,来计算并更新小球未来的位置的。
给space添加的碰撞监听其实就是告诉Chipmunk在物体碰撞的过程中(碰到、相交、分离),如果碰撞的两个物体的COLLISION_TYPE(碰撞物体的标志)跟传递的两个参数一致的话,就调用所传递的collisionBegin,collisionPre,collisionPost,collisionSeparate函数。
4.代码解读
详细代码就请大家下载代码来看吧,加了英文注释(欢迎吐槽),一方面是中文编码问题,另一方面是我自己的习惯问题,不习惯的哥们儿还请见谅,不过都是常见英文,比较容易理解。
Cocos IDE工程代码免费下载地址:http://download.csdn.net/detail/u013647453/8910481
(注释掉的代码大家可以忽略)
为什么不把代码贴上来呢?
因为我在读别人博客的时候,感觉把代码分散开来,然后在代码前加一句说明并没有实际意义,相对直接读有注释的源代码来说,后者可以有一个整体的感觉,而非零散的代码片段,另外加上注释后,并不会影响对代码的理解。
主要参考的博客:
http://my.oschina.net/lonewolf/blog/173593
http://www.cnblogs.com/linn/p/3656041.html
http://cn.cocos2d-x.org/tutorial/show?id=2706
Chipmunk官网(有C++ API文档和一些教程):
http://chipmunk-physics.net/
如有谬误,欢迎指出,谢谢!
最后,附上Android真机的运行截图(其实没什么用):