iH5高级教程H5创意展示,3D翻书特效

iH5高级教程：H5创意展示，3D翻书特效3D电视电影已经成为一种人们生活中的一种习惯，电子书配上3D也让我们有更好的体验，下面教大家来制作一个非常简单的3D翻书。步骤：第一步：添加滑动时间轴选中舞台，点击工具栏里的“滑动时间轴”图标，在舞台上画出一个框，然后点击滑动时间轴设置滑动时间轴的宽高和舞台的宽高一样。第二步：滑动时间轴的设置1.选中滑动时间轴，点击工具栏透明按钮工具，在舞台中央位置上画一个框，作为3D旋转的父对象。在滑动时间轴下设置透明按钮作为3D旋转的父对象，是为了图片旋转设置视距，视距越大，3D旋转的效果越不明显。2.选中3D旋转父对象，点击透明按钮工具，在舞台左上角添加透明按钮，透明按钮的中间与舞台左侧边缘重合。（为了观察舞台外的素材，舞台属性面板剪切设为NO）3.选中透明按钮，添加一张图片，图片设置宽高和舞台一样，透明按钮设置个颜色通过观察透明按钮和图片，可以发现图片左侧边缘刚好在透明按钮的中间，这样设置就可以保证以图片的边缘旋转。4.选中图片，添加轨迹，点ADD添加关键帧，在时间轴窗口的第一个框里输入2，点回车，小黑块到达2秒位置，图片属性面板的Y轴旋转设置为-90度，点击ADD添加关键帧。通过透明按钮旋转带动图片的旋转，透明按钮的Y轴旋转随着时间轴的播放从0变成-90度，给透明按钮设置个颜色通过观察透明按钮和图片的Y轴，就可以发现我们的图片刚好在透明按钮的中心，这是因为我们的旋转是以透明按钮的中心来旋转的，这样设置就可以保证我们是以图片的边缘旋转。第三步：依次设置其他按钮，添加其他透明按钮，和第一个按钮设置方法一样，只是时间轴上的时间不同，按顺序累加。最后一张图片不需要旋转翻页，所以不需要透明按钮。第四步：选中最后一张图片，点击文本工具，输入BACK，选中文本，添加事件。触发条件手指按下，目标对象滑动时间轴，目标动作跳至某时刻。时间0。即翻页到最后一页，点击BACK，回到第一页。先行知识：滑动时间轴、轨迹、重点工具：滑动时间轴、轨迹、透明按钮、视距知识点:1、视距：视距是指以对象的中心为旋转中心时，物体对象3D翻转时的变形距离，必须在3D旋转的父对象上设置。视距是父对象与子对象的距离，从父对象位置观看子对象的透视点视角，距离越近，3D透视效果越大，距离越远，3D透视效果越小。一般范围从200至2000，建议使用1000。2、y轴旋转：指对象会以垂直中心轴为旋转轴，进行3D透视旋转。此案例中，需要图片沿着边缘y轴旋转，所以需要添加一个透明按钮作为图片的父对象，透明按钮以垂直中心轴旋转，透明按钮处于图片左侧边缘，子对象像黏在父对象上一样，透明按钮带动图片旋转，则图片实现翻书效果。