HTML5/CSS GPU性能优化

Question

我用HTML/CSS/JS创建了一个纸牌游戏.它会在屏幕上移动动画卡片,并为记分板/留言板设置动画.

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

到目前为止,我一直在删除纹理,透明度和简化动画.我很想得到一些关于如何从chromecast中获得更多性能的建议.我意识到WebGL可能会让我更多地使用GPU,但这将重写我的动画类.

Answer 1

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