HTML5 / CSS性能优化

Question

我用HTML/CSS/JS创建了一个纸牌游戏。它在屏幕周围移动动画卡片，并绘制记分板/留言板。

不过，在我的chromecast上的表现很糟糕。有时降至4fps：当我调试应用程序时，它使用的是GPU的20 it /512 it。我想知道是否有任何方式来启用GPU的栅格化或任何其他先进的GPU功能，或任何人有任何技巧如何提高游戏的性能。

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

Answer 1

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