gpt4 book ai didi

javascript - 我应该使用多个 Canvas (HTML 5) 还是使用 div 来显示 HUD 数据?

转载 作者:太空狗 更新时间:2023-10-29 14:53:58 25 4
gpt4 key购买 nike

我正在制作一款游戏,其中健康栏(动画)和其他一些信息在视觉上表示,例如一些图标,显示玩家拥有的炸弹数量等。现在,这可以在 Canvas 上完成(通过制作另一个canvas 用于位于主 Canvas 上的信息,或者可以使用许多 div 和具有绝对定位的 span 来完成。这是我第一次制作基于浏览器的游戏,所以如果有经验的人看到这个,请告诉我你的建议。< strong>我想知道哪种方法会更快。

该游戏还将在移动设备上运行。谢谢!

最佳答案

没有直截了当的答案,我建议您使用不同的浏览器进行 FPS 测试,看看它如何针对您的用例发挥作用。如果您不想如此深入,我建议您只需在 Canvas 内绘制元素,如果您需要隐藏它们,则不要在渲染循环中调用 drawHUD()。

对于 <canvas> 上的 HTML HUD 覆盖应考虑以下因素

  • Web 浏览器合成器能否进行硬件加速 <canvas>如果 Canvas 上有 DOM 元素,则正确

  • HTML/DOM 操作总是比 <canvas> 慢由于处理 DOM 元素的继承复杂性而导致的操作

  • <canvas>像素空间留在里面 <canvas>如果您尝试在 <canvas> 上绘制元素,可能很难实现像素完美对齐在 Canvas 本身之外

  • HTML 为文本提供了比 canvas drawString() 更多的格式化选项 - 是否需要 HTML 格式化

关于javascript - 我应该使用多个 Canvas (HTML 5) 还是使用 div 来显示 HUD 数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11384657/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com