绘制一个循环定时器（AndEngine）

Posted 2023-03-25

【中文标题】绘制一个循环定时器（AndEngine）

【英文标题】：Drawing a Circular Timer (AndEngine)

【发布时间】：2013-01-31 22:28:55

【问题描述】：

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

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

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

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

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

我也遇到了“Creating circle in android andengine by box2d?”。我怀疑有人可能会说，你可以像这样简单地创建一个圈子：

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

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

终于找到了this discussion，很有希望。特别是有一个建议：

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

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

---

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

与其纠缠于此，我决定作弊（至少暂时如此）。我制作了一个看起来像这样的精灵表：

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

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

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

【问题讨论】：

:-) 谁说这不是一个“正确”的解决方案？它有效，很容易做到，任务完成。 +1

【参考方案1】：

第三种解决方案需要单个纹理和自定义对象。因此，这是您的解决方案之间的权衡，其中一个需要大量三角形，而另一个需要纹理内存。

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

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

【讨论】：

甚至还有第四种解决方案，您可以使用使用平台原生 android.graphics 绘制的位图刷新一个现有纹理（非常类似于您可以使用 java.awt.graphics 执行的操作） .可以在此处找到有关如何更新纹理的示例：github.com/nicolasgramlich/AndEngineExamples/blob/GLES2/src/org/…。