javascript - 在cocos2d-js中绘制切片

Question

我用 Phaser 写了一个游戏引擎，但遗憾的是，即使使用 cocoonjs，我也没有获得任何好的性能。我试图优化它，但我认为我优化得还不够。

所以我正在尝试切换到 cocos2d-js。我用 cocos2d 尝试了一些例子，效果很好。我想我会得到我正在寻找的性能。我只需要实现两件事。我试图在 DrawNode 类中使用方法，但我做不到。我是计算机图形学的新手。

• 绘制切片，就像this gist中的drawSlice方法一样
• 沿着给定半径和 Angular 圆弧书写文本

更新:我将需要由 native 代码完成的昂贵计算。我有大约 18 个这种形状，通过用户输入在 100 毫秒内独立地为半径设置 75-200 像素的动画。我在 Phaser 中遇到的问题是这种昂贵的计算。

更新 2:现在我可以画 this在@Sebastian 的帮助下。它仍然不完整。

更新 3:我使用 Phaser 进行了一些修改，获得了良好的性能。也许我不需要这个，尽管其他人可能需要它。

切片:

正文:

Answer 1

该功能在 cocos2d-html5 中尚未完成。我可以为您提供的最佳解决方案是此功能 I submitted a while ago .这并不理想，但应该可以解决问题。如果您不知道如何使用它，我稍后会将此功能包装在必要的样板代码中(我离家里的电脑有几个小时的路程，我现在没有时间做一个完整的例子):

var drawSolidArc= function(center, radius, degreesFrom, degreesTo, segments){
    if(degreesTo<degreesFrom){
        var temp = degreesTo;
        degreesTo = degreesFrom;
        degreesFrom = temp;
    }
    var i;
    for(i=degreesFrom; i<=degreesTo;i++){
        cc.drawingUtil.drawCircle(center, radius, cc.DEGREES_TO_RADIANS(-i+90), segments, true);
    }
};

此外，此代码适用于 v2.2.2，应将其迁移为使用 v2.2.3(或 v3)的 DrawNode。对于不完整的答案，我们深表歉意，但我希望目前它能为您指明正确的方向。

至于写弯曲的文本，我认为这是我所知道的最接近的东西:https://github.com/supersuraccoon/CircleLabelTTFDemo-HTML5