iH5高级教程:H5创意展示,3D日历特效.docVIP

  • 10
  • 0
  • 约1.61千字
  • 约 8页
  • 2016-12-18 发布于北京
  • 举报
iH5高级教程:H5创意展示,3D日历特效 步骤: 第一步:上传音乐并添加滑动时间轴 1、选中舞台,点击工具栏里的“音乐”图标,上传你要播放的音乐。 2、选中舞台,点击工具栏里的“滑动时间轴”图标,在舞台上画出一个框,然后点击滑动时间轴设置滑动时间轴的宽高和舞台的宽高一样。 第二步:添加图片和时间轴 添加背景图片。选中舞台,点击工具栏里的“图片”图标,在舞台上画出一个框,图片大小设置与舞台大小一样。 选中背景,点击时间轴工具,添加一个时间轴,时间轴下添加一张图片并添加轨迹做一个上下移动的效果, 选中背景,点击透明按钮工具,在舞台底部画一个框,在透明按钮下添加时间轴,时间轴下添加向上箭头的图片,通过时间轴让他做一个上下的小提示动画 第三步:设置滑动时间轴 选中滑动时间轴,点击透明按钮工具,在舞台上画一个框,作为3D旋转的父对象,父对象的设置只是为了图片旋转设置视距,视距越大 3D旋转的效果越不明显,父对象下添加一张静态的图片作日历的环扣。 选中3D旋转父对象,添加24个透明按钮,两个按钮是一对的,分别代表日历的正反面,12对透明按钮分别代表12个月的日历,每个按钮下添加一张白色图片,在白色图片下添加日历,可以认为白色图片和日历是一体的,透明按钮设置个颜色通过观察透明按钮和图片的轴就可以发现我们的图片刚好在透明按钮的X轴上,这是因为我们的旋转是以透明

文档评论(0)

1亿VIP精品文档

相关文档