iH5中级教程：微场景H5必备，拆开盒子效果

1、文字进场动效

1、选中舞台，点击页面工具，添加页面1。

2、选中页面1，点击图片工具，在舞台拉出一个区域，上传黑色背景图。

3、选中黑色背景图，点击中文字体，在舞台上拉出一个区域，在编辑框内填写文字。添加2个中文字体。标题1“拆开大礼”与标题2“from VX互相大师”

4、选中中文字体，点击动效工具，添加进场动效。标题1自左飞入，触发后延时0，标题2自右飞入，触发后延时1。这样文字就有先后出现的效果。

2、选中页面1，点击滑动时间轴工具，在舞台上拉出一个区域，添加滑动时间轴

2、选中滑动时间轴，点击图片工具，添加“盒子上”和“盒子下”两张图片

3、“盒子上”指盒子的身体，“盒子下”指下边缘。千万不要忘了这个下边缘的哦！

4、选中“盒子上”，点击动效工具，添加动效，让其有弹跳的效果，触发后延时2秒，播放次数2次，示意人去把盒子划开。

3、选中页面1，点击滑动时间轴工具，在舞台上拉出一个区域，添加滑动时间轴

2、选中滑动时间轴，点击图片工具，添加“盒子上”和“盒子下”两张图片

3、“盒子上”指盒子的身体，“盒子下”指下边缘。千万不要忘了这个下边缘的哦！

4、选中“盒子上”，点击动效工具，添加动效，让其有弹跳的效果，触发后延时2秒，播放次数2次，示意人去把盒子划开。

4、“盒子上”、“盒子下”、小人图片的顺序

1、选中滑动时间轴，点击图片工具，增加一张小人的图片，放在“盒子上”与“盒子下”的中间，就会有小人慢慢从盒子中出现的效果。

（注意：如果小人的图片没有放在“盒子上”与“盒子下”的中间，。就会被盒子挡住，如下图所示）

5、选中页面1，点击图片工具，添加唇印图片，选中图片，点击动效工具，添加动效。

6、添加小人与唇印出现的事件。选中滑动时间轴，点击事件工具。

事件1：箱子划开0.3秒时，小人出现。也就是最开始的时候，小人是不显示的，因为小人比盒子高。

事件2：箱子划开0.5秒时，唇印出现，可以唇印下添加动效。

事件3：手指往回划，就是滑动时间轴为0的时候，小人隐藏。因为小人比盒子高。

时间轴、滑动时间轴、动效，如果不矛盾的话，都是可以结合起来使用的。

是不是觉得这样打开盒子的效果很有趣呢？你希望盒子打开后有什么呢？一起来做属于你的“打开盒子”吧！

重点控件：滑动时间轴、动效

重点事件：

触发对象：滑动时间轴

触发条件：播放时间

时间：0.3

目标对象：小人

目标动作：显示。

小人的属性面板初始可见为NO。

触发对象：滑动时间轴

触发条件：播放时间

时间：0.5

目标对象：唇印动效

目标动作：开始。

触发对象：滑动时间轴

触发条件：播放时间

时间：0

目标对象：小人

目标动作：隐藏。

即盒子关上的时候，小人隐藏。

Tips：

1、盒子上和盒子下需要同步运动，两个轨迹设置在同一个滑动时间轴里。

2、人物图像在盒子没有滑动前是处于隐藏的状态，开始滑动后，显示人物。

3、为了制作人从盒子中出现，图片应位于盒子上与盒子下之间