2015-04-02 74 views
0

我正在构建2D游戏。我有一个物理系统运行在处理移动物体的背景中。每个这些实体对应一个绝对定位的sprite div。我需要将每个精灵的位置设置为对应物体的位置,每秒至少30次以获得流畅的动画。使用Angular进行游戏(60 fps)

如果我在这个项目中使用Angular,我将如何去设置精灵位置?我只是用ng样式绑定这个位置并且调用$ scope。$ apply以60 fps从requestAnimationFrame?我的网页上还有一些其他的gui东西,所以我可以看到这很慢。我应该不使用角?

+1

我以前做过一个项目,结合角和webgl /画布。基本上,我用一个指令来处理绘图的目标。 – 2015-04-02 03:42:19

+0

我想你可以使用角度这个,但它不是真的是它的设计。你有没有考虑phaser.io? – richbai90 2015-04-02 04:03:28

回答

1

既然你在你的问题中给出了这个答案的选项,我不会建议这个项目的角度。如果你想使用库,我建议看看PhaserJS

+0

我真的看着Phaser。但是我发现基于画布的游戏引擎使用了大量的CPU,而纯粹的CSS更加轻量级。我认为Phaser对这个项目来说太过分了。 – 2015-04-02 04:23:33

+0

Phaser在可用的情况下使用webgl,并根据需要回退到画布。如果你不需要phaser,我会建议使用普通的js或jquery。 Angular设计用于水疗,而不是真正的游戏。 – richbai90 2015-04-02 05:37:57