码迷,mamicode.com
首页 > 其他好文 > 详细

p2之shape

时间:2018-11-02 00:14:05      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:多边形   pos   int   简单的   碰撞检测   不同的   物理引擎   position   str   

形状是物理引擎进行碰撞模拟计算的依据,是刚体最基本的属性。

P2中使用Shape类来表示形状,通过刚体的addShape()方法,将形状添加到刚体中之后,

就可以随着刚体的移动、旋转不断更新,并进行碰撞检测了。为刚体添加形状的示例代码为: 

var shape:p2.Shape=new p2.Shape(); 
var body:p2.Body=new p2.Body(); 
body.addShape(shape); 


Shape类本身并不参与刚体的创建,而是由其几个子类完成一些常见形状的模拟。

这些形状包括圆形Circle、矩形Box、胶囊Capsule、粒子Particle、线段Line、平面Plane、海拔形状HightField、多边形Convex等。

1)形状:
游戏中人物形状各种各样,但在碰撞检测时,出于效率考虑,大都被简化为简单的圆形、矩形等形状。P2预置了包括圆形、矩形在内的一些常用的、简单的形状。 
⑴圆形Circle:
圆形是P2中的基本形状,构造函数为: 
function Circle({options?:{radius:number}) 
其中,options是包含所有属性的集合对象;radius是圆形的半径,默认值为1。 
⑵矩形Box:
矩形通过width和height属性来创建,构造函数为: 
function Box(options:{width?:number, height?:number}) 
其中,width为矩形宽度,默认为1;height为矩形高度,默认值为1。 
⑶胶囊Capsule:
可以认为是一种圆角矩形,长度length,高度2*Radius,两端是半径为Radius的半圆形。 
function Capsule(options?:{length?:number, radius?:number}) 
其中,length为胶囊长度;radius为胶囊形状两端半圆的半径,同时也是胶囊的高度。 
⑷粒子Particle:
粒子就是微小的颗粒,P2物理引擎中的粒子半径和面积为0。粒子参与碰撞检测,效果与半径为1px的圆形一样。构造函数简单,不需要任何参数: 
function Particle() 
⑸线段Line:
长度为length的线段,看上去与高度为1的Box形状一样,但算法上省去对高度的检测。 
function Line(options?:{length?:number}) 
⑹平面Plane:
平面沿y轴负方向无限扩展,同时在x轴方向的宽度无限,像地平面。构造函数为: 
function Plane() 
创建时没有任何参数,初始情况下是一个倒置的穹,实际应用时一般要通过调整刚体的角度angle,使plane平面朝向不同的方向,来模拟墙体。示例代码: 
var shape:p2.Plane=new p2.Plane(); 
var body:p2.Body=new p2.Body({mass:1, position:[274/this.factor, 200/this.factor]}); 
body.addShape(shape); 
body.angle=Math.PI/4; 
this.world.addBody(body); 
代码中的平面会随着刚体的角度angle绕坐标点[274,200]顺时针旋转45°。 
⑺海拔形状Heightfield:
这是一个类似于Plane的形状,但不是平的,而是一组y坐标组成的高低不平的山形,这些山丘之间的间隔都是固定的elementWidth。HeightField形状也是朝y轴负方向无限扩展的,水平方向的宽度是elementWidth与山丘数量的乘积。构造函数为: 
function Heightfield(options?:{heights:number[], minValue?:number,maxValue?:number, elementWidth?:number}) 
其中,heights是保存每个山丘高度的数组;minValue是山丘高度的最小值,设置后heights中的小于minValue的值设置为minValue;maxValue为heights中高度的最大值,设置此值后heights中大于maxValue的值设置为maxHeight;elementWidth为每个山丘之间的间隔,默认为1。 
定义Heightfield形状就是定义heights属性中y坐标数组,同时x坐标以elementWidth为步长逐一增加。目前,Heightfield不支持旋转,始终朝y轴负方向扩展,碰撞检测也不精确,边缘位置容易出现穿透现象。 
⑻多边形Convex:
Convex是一个多边形形状,可以根据一组定义好的顶点坐标创建对应的多边形形状。 
function Convex(options?:{vertice?:number[][], axes?:number[][[]}) 
其中,vertices保存了顶点坐标的数组,这是一个二维数组,每个元素是由x和y坐标组成的一维数组,如vertics=[[-1,-1],[1,-1],[1,1],[-1,-1]];axes表示多边形各个边的对称轴,同样是一个二维数组,且长度应与vertices一致,此参数通常可以使用默认值,系统根据vertices中的顶点自动计算得出垂直于各个边的法向量。使用时首先要将多边形的顶点坐标保存到数组中,然后将其作为vertices参数传递给Convex: 
var points=[[-1,-1],[1,-1],[1,1],[-1,-1]]; 
var shape:p2.Convex=new p2.Convex({vertices:points}); 
var body:p2.Body=new p2.Body({mass:1}); 
body.addShape(shape); 
this.world.addBody(body); 
不推荐使用顶点坐标直接创建多边形,因为可能出现凹多边形,而P2中的碰撞检测是基于凸多边形的,需要将凹多边形分解成多个小的凸多边形,还需要重新计算分解后的重心、形状偏移,这些计算并不在Convex类中。建议使用Body类的fromPolygon()实现。

p2之shape

标签:多边形   pos   int   简单的   碰撞检测   不同的   物理引擎   position   str   

原文地址:https://www.cnblogs.com/honghong87/p/9893046.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!