P2可以实现物体碰撞模拟,同时在碰撞过程中派发一些事件实现碰撞检测,将碰撞信息及时反馈,以添加相应的特效. P2中,当两个刚体的最小包围盒AABB发生重叠,碰撞就开始了:然后刚体的形状发生重叠,同时P2会对重叠进行修复,使刚体朝对方的反方向移动,来消除形状重叠:当形状不再有重叠时,整个碰撞过程结束.可以把碰撞过程分为4个阶段: ·postBroadphase:AABB开始发生重叠,但形状并没有发生接触 ·beginContact:刚体形状开始发生重叠,刚体继续保持原有速度移动 ·preSolve…

重力的方向和地面的问题 p2中默认的方向是从上到下,如果重力默认是正数的话,物体放到世界中是会从上面往下面飘的 p2中plane地面默认的方向是y轴的方向,而在p2中y轴的方向默认是从上往下 首先来看,重力gravity是正数,并且plane地面在视图中间,小球是怎么运动 // 创建世界 this.world = new p2.World() this.world.sleepMode = p2.World.BODY_SLEEPING this.world.gravity = [0,5] // 设…

检测凸多边形碰撞的一种简单的方法是SAT(Separating Axis Theorem),即分离轴定理. 原理:将多边形投影到一条向量上,看这两个多边形的投影是否重叠.如果不重叠,则认为这两个多边形是分离的,否则找下一条向量来继续投影.我们不需要比较很多条向量,因为已经在数学上证明,多边形每条边的垂直向量就是我们需要的向量. 1.AABB 让我们首先以AABB开始(AABB是一种两边分别平行于X-Y轴的矩形) 判断两个AABB是否碰撞,我们只需要投影两次,分别是投影在平行于X轴和Y轴的向量上…

一.UIDynamic是从iOS 7开始引入的一种新技术,隶属于UIKit框架.可以认为是一种物理引擎,能模拟和仿真现实生活中的物理现象,重力.弹性碰撞等,游戏开发中很常见,例如愤怒的小鸟. 二.UIDynamic实现物理仿真效果步骤: (1)创建一个物理仿真器(Dynamic Animator)(顺便设置仿真范围) (2)创建相应的物理仿真行为(Dynamic Behavior)(顺便添加物理仿真元素) (3)将物理仿真行为添加到物理仿真器中 开始仿真   //物理仿真器:让物理仿真元素执行具…

P2简介 P2是一款基于Javascript编写的HTML5 2D物理引擎,和Box2D.Nape等2D物理引擎一样,P2集成了各种复杂的物理公式和算法,可以帮助我们轻松的实现碰撞.反弹等物理现象的模拟. 学习资料 P2 API认识HTML5物理引擎P2 p2.js GITHUB下载地址 元素介绍 World(世界),这就是一个模拟的物理世界,所有的刚体和约束创建后都要放进来. Body(刚体),它是一块无限坚硬的物体.因此,在这块物体上任何两点之间的距离都被认为是固定的.Body(刚体)有自己…

游戏中的对象按照物理规律移动,体现重力.引力.反作用力.加速度等物体特性,实现自由落体.摇摆运动.抛物线运动,以及物理碰撞现象的模拟.用于模拟物理碰撞.物理运动的引擎称为物理引擎. 来自瑞典斯德哥尔摩大学的Stefan Hedman基于JavaScript,开发了一款面向HTML游戏的2D物理引擎,P2物理引擎.P2和Box2D物理引擎一样,集成了各种复杂的物理公式和算法,帮助实现碰撞.加速.自由落体等物理对象的模拟. P2是一个开源项目,可在GitHub下载,使用build中的p2.min.j…

实际效果(蛋疼这个gif制作软件,帧率太低....): 一 Egret和P2的坐标系 首先了解下P2和Egret的坐标系. 某人链接:http://blog.csdn.net/qilei2010/article/details/51925754 关于p2和Egret的单位换算,我看论坛拉登的demo没写这个factor,我也就没写了,不知后面会发生什么事情呢...= =! 二 创建物理世界 啥是物理世界? p2的刚体碰撞.重力.浮力等物理运算都在这个"世界"进行. 注意这里重力是10,…

P2中使用Constraint及其子类表示关节,也就是将两个刚体按照指定的规则约束在一起,形成有规律的.相互限制的运动模拟.P2关节模拟中,两个刚体没有通过任何刚体连接,只是通过算法模拟出关节运动轨迹.为了更加直观,p2DebugDraw类中使用黑色的线段表示连接刚体的连杆,黑点圆的表示关节节点anchor. P2中关节有5种,每一种都有独特的约束规则,包括距离关节DistanceConstraint.齿轮关节GearConstraint.锁定关节LockConstaint.位移关节Prisma…

形状是物理引擎进行碰撞模拟计算的依据,是刚体最基本的属性. P2中使用Shape类来表示形状,通过刚体的addShape()方法,将形状添加到刚体中之后, 就可以随着刚体的移动.旋转不断更新,并进行碰撞检测了.为刚体添加形状的示例代码为: var shape:p2.Shape=new p2.Shape(); var body:p2.Body=new p2.Body(); body.addShape(shape);  Shape类本身并不参与刚体的创建,而是由其几个子类完成一些常见形状的模拟. 这…

钢体可以控制沿x方向移动,沿y方向移动, 不旋转等. fixedX, fixedY, fixedRotaion 1)addBody和removeBody:World类中的addBody()和removeBody()分别用来上P2世界添加和删除刚体.所有创建好的刚体,必须通过addBody()添加到P2世界中,才可以进行碰撞模拟: var body:p2.Body({mass:1, position:[1,1]}); this.world.addBody(body); 当物体被子弹击中,或超出屏幕…