【问题标题】:Using Angular for a game (60 fps)使用 Angular 进行游戏 (60 fps)
【发布时间】:2015-04-02 12:09:11
【问题描述】:

我正在构建一个 2D 游戏。我有一个在后台运行的物理系统来处理移动的物体。这些主体中的每一个都对应于一个绝对定位的精灵 div。我需要每秒至少 30 次将每个精灵的位置设置到对应身体的位置,才能获得流畅的动画效果。

如果我在这个项目中使用 Angular,我将如何设置精灵位置?我只是用 ng-style 绑定位置并从 requestAnimationFrame 以 60 fps 调用 $scope.$apply 吗?我的页面上有很多其他 gui 的东西,所以我可以看到这很慢。我应该不为此使用角度吗?

【问题讨论】:

  • 我之前做过一个结合了angular和webgl/canvas的项目。基本上,我用一个可以处理绘图的指令来定位一个画布元素。
  • 我想您可以为此使用 Angular,但它并不是真正的设计目的。你考虑过 phaser.io 吗?

标签: javascript angularjs


【解决方案1】:

由于您在问题中提供了此答案的选项,因此我不建议该项目使用 Angular。如果您想使用图书馆,我建议您查看PhaserJS

【讨论】:

  • 我实际上研究了 Phaser。但我发现基于画布的游戏引擎使用大量 CPU ——而纯 CSS 更轻量级。我认为 Phaser 对于这个项目来说太过分了。
  • Phaser 在可用的情况下使用 webgl 并根据需要回退到画布。如果您不需要移相器,我建议您使用纯 js 或 jquery。 Angular 是为水疗中心设计的,而不是真正的游戏。
猜你喜欢
  • 2016-06-15
  • 1970-01-01
  • 2014-11-08
  • 2016-04-12
  • 2012-02-28
  • 2010-11-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多