物理引擎的赛车撞人游戏（一） 画地图 -- graphics

有接近三个月的时间没有写过博客了。

最近用cocoscreator做了一个开车撞人的游戏，本来想着地图用一块块的小碰撞体拼起来，拼了之后发现好卡，而且也不平滑。就想到了之前做的一个珍珠奶茶的游戏，用手画线变为刚体，就想着用公式+graphics去画这个地图。然后背景图用一张小图，渲染方式选择平铺Tiled，加上mask组件，同样用graphics去画这个遮罩曲线。

首先做了一个简陋的小车，车身加上两个轮子，用wheelJoint组件，勾好分组先让它跑起来。关节组件creator的文档真的感人，太少了，下一遍文章我再写我自己的心得。这里先略过。

车跑起来了，就画个地图吧。

一：画线。代码如下：

        let self = this;

        self.gra = new cc.Node();   //创建一个新节点

        self.gra.name = "mapGround";  //子弹碰撞使用

        self.gra.group = "ground";   //设置分组

        self.gra.addComponent(cc.Graphics);   //添加组件

        self.groundParent.addChild(self.gra);   // 添加到场景节点下

 

        self.path = self.gra.getComponent(cc.Graphics);

        self.path.lineJoin = 0;     //设置连接部分属性 （线段，圆弧，曲线） 0  1  2