编辑: Cerise银子 | 2018-07-31 |
Link Epub360支持一些交互效果,可以增加可读性与趣味性. 在第一课里介绍的 擦除效果 得算一个,这里再介绍三个: 重力感应效果 内容可滑动 全局背景音乐 增强交互体验(1) 提示: 本节讲解内容需要使用iPad配合展示...... Epub360支持设置重力感应效果,我们在 第二课/使用Image Sequence 所完成内容的基础上,尝试使用并查看效果: 关键步骤在于,设置Image Sequence支持 重力感应 : Epub360中支持重力感应的还有: 图片支持遮罩后,可设置支持重力感应 Layer组件 重力感应展示效果如何,与内容本身密切相关,为了达到好的效果,可能需要反复调整和测试. 具体来说,有关的因素包括: Image Sequence的帧数 Layer组件与Layer内容的大小尺寸及差异 Image尺寸与遮罩区域尺寸的大小及差异 使用重力感应 这个效果主要用于较长或较宽的图片显示,比如较长篇幅的文本图片.这需要使用Layer组件. 这里使用素材包 第三课 下图片detail.png, 具体操作方法见视频: 视频总长2m05s,操作步骤如下: 1. 制作Layer页内容,在Layer页中插入图片 2. 在Page画布中插入Layer组件,并引入Layer页内容 要点: 制作Layer页内容,使用Layer组件 Layer组件尺寸小于Layer页尺寸 内容可滑动 Epub360支持给交互内容设置全局背景音乐,这样,背景音乐将不受页面切换的影响. 使用素材包 第三课 文件夹内的music.mp3作为背景音乐,设置方法请见视频: 视频总长1m10s,要点如下: 在Master Page中添加Audio 设置Audio为自动播放、循环播放 确保Page中设置 显示MasterPage 在第二课中添加了一个视频,视频的声音会与背景音乐冲突,怎么解决呢? 请阅读 第四课/控制背景音乐. 全局背景音乐 到现在,我们已经接触了 Page / Layer / Master Page 这三种页面类型,他们之间到关系如图所示: 名称 说明 Page 交互内容页,是图片等素材对象的容器、以及交互内容的组织单元 Layer 可以作为素材对象的容器,类似于Page,只能插入Page/Master Page,无法独立使用, MasterPage 全局页面容器,叠加在Page上,一般用于全局导航、全局背景音乐等 Page/Layer/MasterPage 这一节继续介绍一些增强交互体验的功能: 如何控制背景音乐,避免与当前页面内的视频冲突 使用Binding功能,将多个元素关联 调整页面组织方式,控制页面跳转方式 第四课 增强交互体验
(二) 视频播放会与全局背景音乐冲突,在播放视频的时候,有没有办法暂停背景音乐呢? 视频总长1m51s,要点如下: 在Master Page中,给背景音乐Audio添加:暂停动画、播放动画 在Page中,给视频的播放动画,添加动画触发器 @ 44s 动画onStart时:视频播放开始,触发暂停MasterPage中的背景音乐 动画onEnd时:视频播放结束,触发播放背景音乐 关键步骤在于触发Master Page中的Audio播放/暂停动画(如图): 这样就解决了视频和背景音乐的冲突问题. 控制背景音乐 Binding用于关联多个对象,使得其中一个对象的动作,会带动其他关联对象做出相应的动作. 这里使用素材包 第四课里Slide
1、Slide
2、Slide3三个文件夹里的图片,分别创建三个Slide(如图) 完成3个Slide的制作后,观看视频,了解Binding的使用以及效果: Epub360中Binding的应用场景包括: 多个Layer间 不同Layer的长度/宽度不同,Binding后的移动可以形成视差效果 多个Slide/Image Sequence/Layer Slide间 形成联动效果 使用Binding Epub360交互内容........