使用 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：如果你想用线条颜色绘制一个实心圆，但是请注意，目前没有一个功能。有一些解决方法，我发现的最好的方法是将 adrawDot用于圆的“内部实体部分”，将 adrawCircle用于外部。