HTML5 / CSS GPU 性能优化

Question

我使用 HTML/CSS/JS 创建了一个纸牌游戏。它在屏幕上移动动画卡并动画记分板/留言板。

虽然我的 chromecast 的性能很糟糕。有时降级到 4fps :(。当我调试应用程序时，它使用 20mb/512mb 的 GPU。我想知道是否有任何方法可以启用 GPU 光栅化或任何其他高级 GPU 功能，或者是否有人有任何提示如何以提高游戏性能。

到目前为止，我一直在删除纹理、透明度和简化动画。不过，我很想就如何从 chromecast 中获得更多性能获得一些建议。我意识到 WebGL 可能会允许我更多地使用 GPU，但这将是我动画的重写 类。

Answer 1

诀窍是强制我的 javascript 动画库将我的 2d 动画设置为 3d 动画，从而利用 GPU。