cocos creator box2d

title Map 使用box2d

var sfloors = this.tiledMap.getObjectGroup('Special_Floor').getObjects(); //此处获取对象层

for (let i = 0, l = sfloors.length; i < l; i++)

{

  let sfloorsgNode = sfloors[i];

  let compoent = this.floor_physics.addComponent(cc.PhysicsPolygonCollider);

  let poitlist = sfloorsgNode.getProperties().points //一个是在这 getProperties 找了很久都没找到这个points的属性结果没在shNode上,而且这个方法也是隐藏得很深 文档根本没有???

  compoent.points = [];

  for (var index = 0; index < poitlist.length; index++)

  {

     poitlist[index].y = -poitlist[index].y;//翻转碰撞体 compoent.points.push(cc.p(poitlist[index]));

  }

  compoent.offset = new cc.p(sfloorsgNode.sgNode.x, sfloorsgNode.sgNode.y);

}

临时写了一个插件,
操作步骤:
1.设置tiledMap节点,选要map文件,编辑出现图下的层节点
2.选择层节点,拖LayerCollider.js文件到节点上。
3.在层节点下生成数个静态刚体节点。

问题:
1.原来是每一个tile生成一个刚体,结果会比较多(如果正好您有特殊需要还行,类似愤怒小鸟的砖),于是改写了一下,但自己算法懒得太想,就按横行连接的生成一个刚体块,减少了不少刚体。当然如果有能力,也可改写成多边形刚体collider,再计算相连区域生成刚体,我这里只是用了boxCollider
2.可能会反复生成,暂时没想好怎么弄,所以生成完了就把script从节点中删掉就好。
3.本来想做成标准插件,但界面及操作没有文档,类似ui-node。以及如果反向操作编辑器中的节点,都不太明白,所以按类似hsl_shader的写法,因为现在文档比较缺,也不太会。
4.未考虑方向
5.未考虑图像原因形成的斜线,我这里暂时都是大方块。反正是设计阶段生成的,自己再改吧。
6.考虑地图中不同效果放到不同层中,所以在层上生成,也可以考虑不同层不同的生成策略。不会弄界面,再说。

LayerCollider.js
/**
* create by shishi11 20170524
@param {[type]} ) { let tlayer [description]
@return {[type]} [description]
*/
var LayerCollider = cc.Class({
extends: cc.Component,
editor: {
requireComponent: cc.TMXLayer,
executeInEditMode: true
},
onEnable: function() {
let tlayer = this.node.getComponent(cc.TiledLayer);
cc.log(tlayer.getLayerSize());
cc.log(tlayer.getMapTileSize().width + ' ,' + tlayer.getMapTileSize().height);
cc.log(tlayer.getTiles().length);
let tileSize = tlayer.getMapTileSize();
let layerSize = tlayer.getLayerSize();
let tiles = tlayer.getTiles();
for (let i = 0; i < tiles.length; i++) {
let ty = parseInt(i / layerSize.width);
let tx = i % layerSize.width;
if (tiles[i] !== 0) {
//说明此处有图片 
let cnode = new cc.Node();
cnode.name = tlayer.getLayerName() + "(" + tx + "," + ty + ")";
cc.log(cnode.name);
cnode.anchorX = 0;
cnode.anchorY = 0;
let cRB = cnode.addComponent(cc.RigidBody);
cRB.type = cc.RigidBodyType.Static; //全是静态的
let pCollider = cnode.addComponent(cc.PhysicsBoxCollider);
pCollider.offset = new cc.Vec2(tileSize.width / 2, tileSize.height / 2);
pCollider.size = new cc.Size(tileSize.width, tileSize.height);
cnode.width = tileSize.width;
cnode.height = tileSize.height;
cnode.setPosition(tileSize.width * tx, (layerSize.height - 1) * tileSize.height - tileSize.height * ty);
this.node.addChild(cnode);
//用来合并横向连续tile
for (let n = tx + 1; n < layerSize.width - tx; n++) {
if (tiles[i + 1] != 0) {
cnode.width = cnode.width + tileSize.width;
pCollider.size.width = pCollider.size.width + tileSize.width;
pCollider.offset.x = pCollider.size.width / 2;
i++;
if (i + 1 >= tiles.length) break;
} else {
break;
}
}
}
}
},
});

猜你喜欢

转载自www.cnblogs.com/JackerCao/p/9086875.html