这是游戏里面很常用的一个功能模块，它就像你的生活，有着走不完的路程。它的实现也很简单，要么做一个很长的背景图，然后移动相机；要么就是实现一个跑马灯，像那些轮播图什么的，大家应该都有写过。

Infinite_bg_scroll

实现思路

背景无缝切换实现

这个demo的实现思路是跑马灯。背景是两张一样的背景图，第一张图在前，第二张图在后，两张图同时移动，当第一张图正好移动到出屏幕的时候，第二张图正好移进屏幕，这个时候复原两张图的初始位置。这个过程不停循环就有走不完的路程了。

calc

代码如下

speed: number = 500;
update(dt) {const temp = dt * this.speed;if (this.bg2.x - temp <= 0) {this.bg1.x = this.bg2.x;this.bg2.x = this.bg1.x + this.bg1.width;}this.bg1.x -= temp;this.bg2.x -= temp;
}

全屏适配

因为是整个背景都在跑动，所以两个背景节点都是需要做widget拉伸的，第一张背景上下左右都设置为0就可以了，第二种背景往右再偏移一个屏幕。但是这样是不够的，因为不是所有用户的屏幕都是按我们的设计分辨率来的，所以跑着跑着可能你的背景就露馅了

overflow

所以我们在onload的时候还是得手动去对齐一下bg2的位置，因为它在布局编辑器里面只是往右移动了我们的设计分辨率一样宽的距离。(bg1肯定是对的，因为使用了widget对齐了当前屏幕)

onLoad() {const viewSize = cc.view.getVisibleSize();this.bg2.getComponent(cc.Widget).left = viewSize.widththis.bg2.getComponent(cc.Widget).right = -viewSize.width
}

效果预览

源码获取请点击查看原文，长按二维码查看效果????

ewm

我是异名，你的阅读是我的动力

无限卡，无限流量，无限滚动！相关推荐

微信读书增长策略：“无限卡会员业务”
问世3年内, 微信读书拿下了1.6亿用户,在2018年9月份推出了无限卡会员服务,之后的半年里,该项业务又为其带来了百万用户的增长.微信读书是怎么做到快速增长的?为什么要推出"无限会员卡& ...
Motor XT615 开机无限卡屏重启的取证与分析
hello,大家好! 今天我给大家你们带来摩托罗拉 XT615 开机无限卡屏重启的取证与分析, 手机开机后卡屏,一直停留下面这画面,无限重启! 接下来,经过我们工程师的分析,图上报错必定由于机身程序太 ...
微信读书分享群+无限卡攻略
希望能为书友搭建一个思考与交流的平台.我希望能够增长知识,结交好友,了解自身.当然也可以无限卡组队(白嫖) 目前430人,暂时大部分为程序猿,期待更多的人加入,思想碰撞. 不带有任何盈利目的.有意加入 ...
流量无限离我们还有多远？
2015年7月,美国运营商Sprint推出了全包无限套餐"All in",用户每月支付80美元,即可获得一部最新款旗舰机以及无限的语音通话.短信和数据流量.目前提供的旗舰机包括iP ...
想看微信读书终生无限卡，瞅这儿
有图为证: 图片的来龙去脉: 昨日微信读书分享群里,热闹非凡.原来是有人在翻一翻的活动中,抽到了终生无限卡.本人当时羡慕的口水流下来,当然也有群友留下了羡慕的泪水.这里就不点名了.哈哈哈哈哈鉴于实践是 ...
微信读书推出无限卡的一些思考
微信读书是腾讯推出的一款阅读类APP. 微信读书3.0版本正式推出无限卡包月服务,只要购买无限卡,就可免费阅读全场出版书.漫画,免费收听全场有声内容. 微信读书推出无限卡似乎是想从"按本付费 ...
微信读书无限卡组队群，一起领取无限卡！
微信读书无限卡组队群,一起领取无限卡! 不了解的朋友去官网瞅瞅 https://weread.qq.com/ 微信读书可以通过兑换书币去购买书籍看,也可以办卡读书,但是微信推出了组队获取无限卡的机会, ...
好用的wordpress主机无限网站和流量空间
如果您也在2020年开始创建自己的博客网站,并且在此之前没有创建网站的经验,想将网站放到虚拟主机服务商那里,可以试试HostPapa这个加拿大全方位服务虚拟主机服务商,可能您要问了,HostPapa虚 ...
dnf起源版本无限连接服务器,DNF起源版本BUG不断爆出无限卡金币跨四已炸
DNF起源版本更新后,阿拉德主抓怀旧情怀,从地图到任务都更新了.觉醒任务回到主线,不再刷什么塔.黑龙等额外地图!! BUG 1 但是二觉出现bug,可以无限卡金币! 二觉有6个任务,在这6个任务当中, ...
微信读书 app 里领取无限卡的各种途径
本文基于的微信读书版本为5.5.4, Android 系统. 微信读书有很多种获取无限卡的途径. (1) 点击读书排行榜: 点击"时长兑福利": 每周读一分钟,1小时,3小时,5小 ...

无限卡，无限流量，无限滚动！

实现思路

背景无缝切换实现

全屏适配

效果预览

无限卡，无限流量，无限滚动！相关推荐

最新文章

热门文章