首页 > 代码库 > Cocos2d-js 开发记录:基本图形绘制

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中包含的函数更多更细,不过不知如何直接调用。

 

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