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

浏览数：59 / 时间：2015年06月09日

做着做着想要用基本绘图函数画个矩形，在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中包含的函数更多更细，不过不知如何直接调用。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 使用 log si it la js ca class style 使用 log si it la js ca

相关文章