newheader
手机登录
账密登录
验证码图片
登录
还没有账号? 马上注册
手机登录
账密登录
验证码图片
忘记密码?
登录
还没有账号? 马上注册
欢迎注册陪学网账号
已经有账号? 马上登录
弹球在区域内运动的效果
陪学
2017-12-04 04:40:06
369
0
弹球在区域内运动的效果这个效果在以前的一些网站中比较常见,表现形式为在页面区域内漂浮运动的广告模块,当广告模块触碰到页面边缘时,有镜像反弹的效果。

       弹球在区域内运动的效果这个效果在以前的一些网站中比较常见,表现形式为在页面区域内漂浮运动的广告模块,当广告模块触碰到页面边缘时,有镜像反弹的效果。就像打砖块游戏中不停运动反弹的小球。 这里我们来剖析一下这个效果的实现思路。

       其实实现的思路不复杂: 

1、首先 ,要借助动态面板的循环,让小球不停的移动一定的距离; 


2、移动的距离,可以事先写在两个文本标签或变量中,分别是x轴运动的距离和y轴运动的距离;x轴向右移动时为正数,向左移动时为负数;y轴向下移动时为正数,向上移动时为负数; 


3、当小球移动时,时时判断小球有没有超出边框的四个边界,如果超出则改变运动距离为反方向的数值。 


       这样设置之后,我们就得到了我们想要实现的效果,让小球在一个固定的区域内进行运动


长按二维码或加微信pexuepexue
进陪学产品交流群回复:资料分享
免费获取资料:每日更新 免费课程、学习资料、报告、招聘面试
标签:
登录 后参与讨论
发表
全部评论
没有更多评论了
newfooter
陪学网专注于产品管理类课程的开发与制作,
志在为产品经理、交互设计、平面设计、需求人员分享最新、最好的产品类课程。
陪学网:陪伴学习、陪伴成长
粤ICP备18075915号