弹球在区域内运动的效果

AxureRP7.0教程 小楼一夜听春语 9852℃ 0评论

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

其实实现的思路不复杂:

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

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

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

 

源文件下载:http://pan.baidu.com/s/1nudHOMH(之前发出的源文件条件判断中有个小失误,会导致弹球从左边界飞出,现已修复。)

 

 

 


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » 弹球在区域内运动的效果

喜欢 (18)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(8)个小伙伴在吐槽
  1. 感谢分享
    小白2016-02-14 09:53 回复
    • 小楼一夜听春语
      不客气
      小楼一夜听春语2016-02-14 21:05 回复
  2. 谢谢
    小白2016-02-14 09:53 回复
  3. 球弹到框外面去了。。
    可恶的原型2016-03-03 16:46 回复
  4. 小楼哥哥,怎么实现某个变量随着部件的移动距离变化而变化呢?比如这个部件x方向移动了5个像素的距离,变量则加0.1,如何实现呢?
    产品小白2016-07-05 22:45 回复
    • 小楼一夜听春语
      移动时 设置变量 为(当前位置-初始位置)/50
      小楼一夜听春语2016-07-06 11:55 回复
  5. 为什么弹着弹着,就跑出去了,,,每多碰一次边边,就多跑出去一段距离
    wuming2016-09-22 16:15 回复
  6. 在Axure8里面,只是移动一小段就没了
    king2017-06-05 11:35 回复