Cocos2d-js 开发记录：基本图形绘制

做着做着想要用基本绘图函数画个矩形，在cocos2d-js 3.0里可以使用DrawNode

        var dn = new cc.DrawNode();
        var ltp = cc.p(0, 32);
        var rbp = cc.p(32, 0);
        dn.drawRect(ltp, rbp, cc.color(255, 0, 0));

再将该DrawNode加入到Layer中即可

this.addChild(dn)

在dn上的绘图操作会被其记录到一个内部的buffer中包含了各个操作的信息，然后在其被visit的时把操作都重放一次实现绘制。这样绘制这先后还是由其所在的node决定，如果其上还有其他sprite就会被遮挡。

DrawNode包含很多绘图函数，和其他许多类一样包含了Canvas版本和WebGL版本，其实CCDrawingPrimitivesCanvas.js和CCDrawingPrimitivesWebGL中包含的函数更多更细，不过不知如何直接调用。