【问题标题】:Canvas Game Animation画布游戏动画
【发布时间】:2013-07-04 19:42:16
【问题描述】:

所以我在制作游戏时想到了从精灵表中制作一个半透明的 png 动画,当玩家在他死后回到开始时出现。

http://www.youtube.com/watch?v=s2Vwyqo_y_A

只是我从来没有接触过动画,出于某种原因,我认为操纵 animrequestframe 有点令人困惑。我已经设置好了,所以我的游戏每秒刷新 60 次。

希望有一些建议可以帮助我! :/ 这是我的第一个“正经”游戏!

【问题讨论】:

  • 这个list of JS game engines 可能是一个很好的起点。
  • 我打算在下一个游戏中使用impactjs,到目前为止我想做的所有事情都可以用纯js来完成! :) 引擎可能会为我节省大量时间 :)
  • @Sam 如果以下答案有帮助,请考虑将其标记为正确。

标签: javascript canvas


【解决方案1】:

如果您难以理解requestFrameAnimation,我建议您阅读这两个链接,它们解释得非常好:

  1. The secret to silky smooth JavaScript animation!
  2. Using requestAnimationFrame

给出的最简单的例子:

function gameLoop() {
  // Game logic
  requestAnimationFrame(gameLoop);
}
requestAnimationFrame(gameLoop);

编辑:您提到您希望您的游戏以 60 FPS 运行。请求动画将尽可能快地运行您的游戏 - 这是一件好事 - 但有一些技巧可以设置实际的 FPS。但是,除非您的目标是较低的 FPS,例如 30,否则我不会打扰。

【讨论】:

    猜你喜欢
    • 2013-07-02
    • 1970-01-01
    • 2016-02-07
    • 1970-01-01
    • 1970-01-01
    • 2023-01-27
    • 2015-09-30
    • 2011-12-02
    • 1970-01-01
    相关资源
    最近更新 更多