iH5高级教程H5交互菜单,3D弹缩式菜单特效

iH5高级教程：H5交互菜单，3D弹缩式菜单特效第一步：1、选中舞台，点击滑动时间轴工具，在舞台上画一个框，编辑滑动时间轴属性面板。X坐标为0，y坐标为0，滑动时长0.5秒，滑动方向为上，自动跳转控制点为YES。2、选中滑动时间轴，点击透明按钮工具，在舞台上画一个框，重命名为3D目录。属性面板视距为2000，子对象便有3D旋转的效果。3、选中3D目录，点击透明按钮工具，在舞台上画一个框，重命名为容器。4、选中容器，点击轨迹工具，添加轨迹。点ADD添加关键帧。5、在时间轴窗口第一个框里填写0.5，点回车，容器属性面板x轴旋转90度，点ADD添加关键帧。播放时间轴，可以看到容器的3D旋转效果。6、选中容器，点击图片工具，上传一张目录图片。因为目录图片是容器的子对象，所以播放时间轴时，图片也有3D旋转的效果。7、选中3D目录图片，点击透明按钮，在图片上画一个框，共添加4个透明按钮。重命名为喜欢、美食、衣服、办公。8、选中办公透明按钮，点击图片工具，上传办公图片、红色图片、与底块图片。其中红色图片初始可见为NO第二步：1、选中滑动时间轴，点击透明按钮工具，在舞台上画一个框，重命名为3D内容。2、选中3D内容，点击轨迹工具，点ADD添加关键帧。制作透明按钮往上移动的效果。即目录3D旋转网上缩小的时候，内容往上移动。3、选中3D内容，点击图片工具，添加4张图片。分别对应目录的4个内容。第三步：1、选中目录的办公透明按钮，点击事件组工具，触发条件为手指按下。2、选中事件组，点击事件工具，添加3个事件。点击办公透明按钮，目录的红色图片显示，滑动时间轴播放下一个关键点，即目录收起来，内容网上移动，与办公对应的内容图片显示，与之同层的其他图片隐藏。3、选中内容里的办公图片，点击事件工具，办公图片隐藏，目录的红色图片隐藏。先行知识：滑动时间轴、轨迹、事件重点控件：滑动时间轴、轨迹、视距、x轴旋转、事件、隐藏同层控件知识点：1、视距：视距是指以对象的中心为旋转中心时，物体对象3D翻转时的变形距离，必须在3D旋转的父对象上设置。视距是父对象与子对象的距离，从父对象位置观看子对象的透视点视角，距离越近，3D透视效果越大，距离越远，3D透视效果越小。一般范围从200至2000，建议使用1000。2、隐藏同层控件：目标对象显示，与目标对象的同层的所有其他对象都会隐藏。重点事件：触发对象：办公目录触发条件：手指按下目标对象：滑动时间轴目标动作：播放下一个关键点触发对象：办公目录触发条件：手指按下目标对象：办公内容目标动作：隐藏同层控件