7

我正在使用 AndEngine,在该框架内,我想制作一个圆形计时器图形。具体来说,我想显示重用能力的等待时间。这个想法是随着计时器的进行动态地填充弧。像这样的东西:

Graphics.fillArc()

java.awt.Graphics 对象有一个对我来说似乎很完美的 fillArc() 方法。实际上,上面的图形是使用fillArc(50,5,100,100,75,-40)绘制的。伟大的!现在问题来了:

AndEngine 不使用 Graphics() 对象,它使用自己的 Shape 实现(用于 OpenGL)并且没有定义的“圆形”形状,更不用说带有 fillArc() 方法的圆形了。

可能的解决方案及其各自的问题

环顾四周寻找解决方案,我遇到了“使用 Andengine 绘制圆圈”。问答对我来说没有多大用处,因为唯一的答案“确实,你不能直接画一个圆”提供了两种选择:(1)“用圆形纹理渲染一个四边形”——这对我不起作用我需要动态修改圆来产生弧形填充;(2) “渲染一个实际上是一个连接三角形的圆。” 也许选项二会起作用,但那里没有关于如何做到这一点的指导。

我还遇到了“通过 box2d 在 android andengine 中创建圆圈? ”。我怀疑有人可能会说,你可以像这样简单地创建一个圈子:

身体 circleBody = PhysicsFactory.createCircleBody(pWorld, pSprite, BodyType.StaticBody, FixtureDef);

这真的对我没有帮助。我不想创建一个圆形的 2D 物理体。我想展示一个。

最后,我发现了这个讨论,这是有希望的。特别是,有一个建议:

使用 Canvas 将 [it] 绘制到 Bitmap 中,并将该 Bitmap 作为 TextureSource 加载。

听起来很合理,尽管我仍然不清楚如何做到这一点。


更新:我的作弊“解决方案”

与其纠缠于此,我决定作弊(至少暂时如此)。我制作了一个看起来像这样的精灵表:

作弊计时器图像

而不是真正让计时器显示完美的 fillArc(),我只是根据完成的比例(从 0 到 1)四舍五入到 spritesheet 上的适当索引,从 spritesheet 中拉出适当的 sprite 索引。像这样:

public void setTimer(float amount) {
    this.setCurrentTileIndex(Math.round(amount * 20));
}

就我的目的而言,这实际上工作得很好——我在大约 2 秒内使用了计时器,所以你真的看不到缺少细节。但是,如果有人发布它,也许我会用“正确”的解决方案替换它。此外,也许这个 spritesheet 对做同样事情的人有用。这是使用透明度而不是绿色背景的版本。(所以它在stackoverflow的白色背景上是白色的,但它就在那里):

白底白字定时器

4

1 回答 1

3

第三种解决方案需要单个纹理和自定义对象。所以这是你的解决方案之间的权衡,一个需要很多三角形,另一个需要纹理内存。

  1. 您只需要一张图片,即上面“作弊序列”中的完整圆圈。
  2. 创建一个由 8 个三角形组成的自定义对象(一个“完全绘制”的三角形每个代表 45°)。
  3. 进度决定:
    • 要画多少个三角形。IE:
      • 100% ==> 360° ==> 8 个完整的三角形
      • 50% ==> 180° ==> 4 个完整的三角形
      • 37.5% ==> 135° ==> 3 个完整的三角形
      • 25% ==> 90° ==> 2 个完整的三角形
      • 20% ==> 72° ==> 1 个完整的三角形和一个带有一个顶点的三角形移动,因此它代表剩余的 27° (== 72° - 45°)。

如果你问我这是最酷的解决方案,因为它可以应用于任何纹理。=)

于 2013-02-17T04:10:50.133 回答