Axure9动态面板实现弹幕循环播放
最近在用Axure9做弹幕原型的时候遇到一些问提,发现设置好条件后弹幕不能循环播放,一开始以为是Axure9的bug,后来经过一番实验终于实现了弹幕效果!
一、创建一个动态面板“弹幕动态面板”
注意在样式里面不要勾选“调整大小以适合尺寸”且设置为从不滚动。
二、在该动态面板的状态1中,输入你要滚动播放的弹幕文字
我这里是分为两组设置的,这样第一组滚动出动态面板屏幕区域后直接移动到第二组末尾,这样就可以实现无线循环播放弹幕了。
三、给“弹幕动态面板”设置交互事件,注意里面的等待0毫秒不要少了
本交互说明配置里的所有局部变量LVAR1取得都是“弹幕动态面板” 元件!
下文中的所有局部变量表达式不再赘述,此处给出一个参考截图供大家查看:
1、设置OnLoadVariable全局变量为0.
2、给动态面板“弹幕动态面板”配置载入时交互事件(在OnLoadVariable等于0和1的情况下分别设置交互事件)
注意上面红色框款出来的事件,其中弹幕文字分组走到最左边后腰移动到相对([[LVAR1.width*2]],0)位置时最好加个1毫秒的移动动画!另外在弹幕移动过程中注意两个弹幕文字分组时在同一个“移动”事件下并行执行的!
我之前一直是在两个弹幕文字分组移动后(向左相对移动一个动态面板宽度的距离)后再将最左边的弹幕分组拼接到最右边,然后再触发OnLoadVariable=1的交互条件,但是怎么都不能成功。以上设置方法已在Axure9上实操过可以实现,如果参照本文还是不能实现弹幕,建议放大教程里的图片,有些地方是有负数表达式的(向左相对移动一般要在移动距离前面加“-”符号表示负数)。
基于互联网精神,在注明出处的前提下本站文章可自由转载!
本文链接:https://ranjuan.cn/axure9-bullet-screen/
赞赏
微信赞赏支付宝赞赏
发表评论