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/

赞赏

微信赞赏支付宝赞赏

codehelp小巧又便携的代码管理软件
nginx-hide-php
andriod-beian-safety-assessment