iH5高级教程:H5交互菜单,流动的按钮特效

2024-10-31 22:50:39

1、选中舞台,点击页面工具,添加一个页面。2、选中页面点击滑动时间轴工具,在舞台上画一个与舞台一样大的框,添加滑动时间轴。3、选中滑动时间轴,点击图片工具,添加10张图片做子对象。

iH5高级教程:H5交互菜单,流动的按钮特效iH5高级教程:H5交互菜单,流动的按钮特效iH5高级教程:H5交互菜单,流动的按钮特效iH5高级教程:H5交互菜单,流动的按钮特效iH5高级教程:H5交互菜单,流动的按钮特效

4、在滑动时间轴下添加一个围巾的容器(可以是透明按钮,也可以是空的图片),容器下加10张小图。为每一张小图,添加轨迹与关键点,设置关键点,让小图会跟着大图运动与缩小。

iH5高级教程:H5交互菜单,流动的按钮特效iH5高级教程:H5交互菜单,流动的按钮特效iH5高级教程:H5交互菜单,流动的按钮特效

6、先行知识:滑动时间轴、事件重点控件:滑动时间轴、事竭惮蚕斗件、计数器、旋转知识点:1、滑动时间轴下控制10张人物图片,坛冰核哧除第一张与最后一张外,每张图片3个关键帧,第一个关键帧图片在舞台下方,第二个关键帧图片占满舞台,第三个关键帧图片缩小并处于舞台上方,控制图片从下往上显示,然后缩小离开舞台。2、滑动时间轴下有一个围巾空图片父对象,下面有10张围巾子对象,围巾跟随对应的人物图片运动,点击流动按钮显示围巾父对象,则带动显示对应的围巾子对象。3、滑动时间轴下添加流动按钮空图片,流动按钮下添加轨迹,轨迹里添加10个关键帧,控制流动按钮的运动,流动按钮下添加时间轴,时间轴下添加按钮图片,时间轴控制按钮透明度,使之闪烁,吸引人点击。重点事件:触发对象:按钮图片触发条件:点击目标对象:计数器目标动作:加1触发对象:计数器触发条件:为奇数目标对象:流动按钮目标动作:设置属性,旋转0度触发对象:计数器触发条件:为偶数目标对象:流动按钮目标动作:设置属性,旋转45度触发对象:计数器触发条件:为奇数目标对象:围巾目标动作:显示触发对象:计数器触发条件:为偶数目标对象:围巾目标动作:隐藏

猜你喜欢