cocos2d-android - 使用 Cosos2d Js 显示带边框的矩形

Question

我是 Cocos 2d js 的新手.....我想知道如何使用 cocos2d js 绘制一个带有边框的矩形？？..我试图谷歌但没有找到任何示例代码或类似的东西..使用 HTML 和 CSS 非常简单...谢谢。

Answer 1

您需要向场景/图层添加一个绘制节点并在其上绘制一个矩形。例如，假设您的图层中有以下方法:

{
  ...
  var dn = new cc.DrawNode();
  this.addChild(dn);
  dn.drawRect(cc.p(50,50), cc.p(200,300), cc.color(255,0,0,255), 3, cc.color(0,255,0,255));
  ...
}

函数调用参数为:drawRect(origin, destination, fillColor, lineWidth, lineColor)。

这是从 samples/js-tests 文件夹中找到的示例，该文件夹应该位于您的 cocos2d-js 文件夹中。有关详细信息，请在此处查看绘图节点上的 API:http://www.cocos2d-x.org/reference/html5-js/V3.3/symbols/cc.DrawNode.html

PS:如果你想绘制一个带有线条颜色的实心圆，请注意目前还没有这个功能。有一些解决方法，我发现的最好的方法是对圆的“内部实心部分”使用 drawDot，对外部使用 drawCircle .