Flappy Bird如何保证游戏的流畅运行

Flappy Bird是风靡一时的手机游戏,玩家要操作一只小鸟穿过无穷无尽的由钢管组成的障碍。如果要你在HTML前端开发这个游戏,为了保证游戏的流畅运行,并长时间运行也不会崩溃,请列举开发要注意的性能问题和解决的方法。

1.首先,由于不间断的运行,游戏里的场景会不断产生和消失,产生就用图片随机拼接就行,但是消失如果不加以处理,就会导致内存泄漏,所以我们可以使用卷轴式的场景处理方法,把消失的场景重新进行使用。
2.动画的ui要和运算需要解耦,比如小鸟的运行轨迹和碰撞算法等,需要跟ui动画分离,在空闲的时候运行。
将比较大的运算分解成不同的时间片,防止阻塞主UI线程。最好使用webworker。

注意内存泄漏和回收。使用对象池管理内存,提高内存检测和垃圾回收。

进行预处理。将一些常用的过程进行预处理,

控制好帧率。将1秒分解成多个时间片,在固定间隔时间片进行UI动画,其他时间片用在后台运算。

通过 GPU 加速和 CSS transition 将小鸟飞行动画和背景动画分离

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值