iH5高级教程:3D翻书特效

 时间:2024-10-13 16:45:30

1、添加滑动时间轴选中舞台,点击工具栏里的“滑动时间轴”图标,在舞台上画出一个框,然后点击滑动时间轴设置滑动时间轴的宽高和舞台的宽高一样

iH5高级教程:3D翻书特效iH5高级教程:3D翻书特效iH5高级教程:3D翻书特效

3、依次设置其他按钮,添加其他透明按钮,和第一个按钮设置方法一样,只是时间轴上的时间不同,按顺序累加。最后一张图片不需要旋转翻页,所以不需要透明按钮。

iH5高级教程:3D翻书特效

4、选中最后一张图片,点击文本工具,输入BACK,选中文本,添加事件。触发条件手指按下,目标对象滑动时间轴,目标动作跳至某时刻。时间0。即翻页到最后一页,点击BACK,回到第一页。

iH5高级教程:3D翻书特效

5、先行知识:滑动时间轴、轨迹、重点工具:滑动时间轴、羌礤掘暑轨迹、透明按钮、视距知识点:1、视距:视距是指以对象的中心为旋转中心时,物体对象3D翻转时的变形距离,必须在3D旋转的父对象上设就女蒿鸳置。视距是父对象与子对象的距离,从父对象位置观看子对象的透视点视角,距离越近,3D透视效果越大,距离越远,3D透视效果越小。一般范围从200至2000,建议使用1000。2、y轴旋转:指对象会以垂直中心轴为旋转轴,进行3D透视旋转。此案例中,需要图片沿着边缘y轴旋转,所以需要添加一个透明按钮作为图片的父对象,透明按钮以垂直中心轴旋转,透明按钮处于图片左侧边缘,子对象像黏在父对象上一样,透明按钮带动图片旋转,则图片实现翻书效果

  • iH5中级教程:微场景H5必备,视差滑动效果
  • iH5怎么制作上传图片功能
  • iH5高级教程:H5交互菜单,3D时间轴特效
  • ih5怎样在场景中添加动态字幕
  • iH5初级教程:排版必备,掌握H5的面板工具
  • 热门搜索
    世界无烟日手抄报图片 心理健康知识手抄报 重阳节手抄报简单易画 爱国卫生月手抄报 新学期新希望手抄报 手抄报图片大全3年级 文明手抄报图片 关于新年的手抄报 漫游语文世界手抄报 拗九节手抄报