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

Question

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

Answer 1

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

{
  ...
  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：如果你想画一个带有线条颜色的实心圆，但是请注意，目前还没有这个功能。有一些解决方法，我发现最好的方法是对圆的 "inner solid part" 使用 drawDot，对外部使用 drawCircle。

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

Displaying a rectangle with a border using Cosos2d Js

cocos2d-android

cocos2d-js