~~NOTOC~~
====== 首页轮播 ======
图片素材:{{ :tv:motion:会议终端首页轮播_切图.zip |}}
===== 终端控制 =====
{{ :tv:motion:idle1.mp4?16x9 |}}
整个动效分为三个画面,表现的分别为“全新体验”,“内容为王”,“效率为王”,三个画面的序号设为0,1,2,那么三个画面互相切换的过渡动效分别为:0到1,1到2,2到0.每段过渡动效之间的间隔为**3秒**,即每次过渡动画完成后,等待**3秒**再进行下一次过渡。
设屏幕尺寸为1920px*1080px,以下图片素材坐标单位均为px,图片素材的scale/translate注册点均位于图片左上角。图片素材的名称取自素材包中的文件名。
**0到1:**\\
Introduction_pic_tv_1用时500ms,x坐标从897变化到820,y坐标不变设为336,scale不变设为0.85,alpha从0.7变化到1,运动差值使用Quart.easeOut
Introduction_pic_controller用时500ms,x坐标从1300变化到1500,y坐标不变设为570,alpha从1变化到0,运动差值使用Quart.easeOut
Introduction_pic_computer用时500ms,x坐标从1375变化到1175,y坐标不变设为548,alpha从0变化到1,运动差值使用Quart.easeOut
pagebreak_current用时300ms,位移到pagebreak中间,运动差值使用Quart.easeOut
Introduction_text_1_1用时200ms,alpha从1变化到0
Introduction_text_2用时200ms,alpha从0变化到1
**1到2:**\\
Introduction_pic_tv_1用时500ms,x坐标从820变化到858,y坐标从336变化到315,scale从0.85变化到1,alpha从1变化到0.7,运动差值使用Quart.easeOut
Introduction_pic_computer用时500ms,x坐标从1175变化到1375,y坐标不变设为548,alpha从1变化到0,运动差值使用Quart.easeOut
电视中的logo_alios直接切换为Introduction_pic_video
pagebreak_current用时300ms,位移到pagebreak右侧,运动差值使用Quart.easeOut
Introduction_text_2用时200ms,alpha从1变化到0
Introduction_text_3用时200ms,alpha从0变化到1
**2到0:**\\
Introduction_pic_tv_1用时500ms,x坐标从858变化到897,y坐标从315变化到336,scale从0.85变化到1,alpha保持0.7,运动差值使用Quart.easeOut
Introduction_pic_controller用时500ms,x坐标从1500变化到1300,y坐标不变设为570,alpha从0变化到1,运动差值使用Quart.easeOut
电视中的Introduction_pic_video直接切换为logo_alios
pagebreak_current用时300ms,位移到pagebreak左侧,运动差值使用Quart.easeOut
Introduction_text_3用时200ms,alpha从1变化到0
Introduction_text_1_1用时200ms,alpha从0变化到1
===== 手机控制 =====
{{ :tv:motion:idle2.mp4?16x9 |}}
动效与终端控制基本相同,不同的地方用**红颜色**标注。
整个动效分为三个画面,表现的分别为“全新体验”,“内容为王”,“效率为王”,三个画面的序号设为0,1,2,那么三个画面互相切换的过渡动效分别为:0到1,1到2,2到0.每段过渡动效之间的间隔为**3秒**,即每次过渡动画完成后,等待**3秒**再进行下一次过渡。
设屏幕尺寸为1920px*1080px,以下图片素材坐标单位均为px,图片素材的scale/translate注册点均位于图片左上角。图片素材的名称取自素材包中的文件名。
**0到1:**\\
**Introduction_pic_tv_2**用时500ms,x坐标从897变化到820,y坐标不变设为336,scale不变设为0.85,alpha从0.7变化到1,运动差值使用Quart.easeOut
**Introduction_pic_mob**用时500ms,x坐标从**1330**变化到**1530**,y坐标不变设为570,alpha从1变化到0,运动差值使用Quart.easeOut
Introduction_pic_computer用时500ms,x坐标从1375变化到1175,y坐标不变设为548,alpha从0变化到1,运动差值使用Quart.easeOut
pagebreak_current用时300ms,位移到pagebreak中间,运动差值使用Quart.easeOut
**Introduction_text_1_2**用时200ms,alpha从1变化到0
Introduction_text_2用时200ms,alpha从0变化到1
**1到2:**\\
**Introduction_pic_tv_2**用时500ms,x坐标从820变化到858,y坐标从336变化到315,scale从0.85变化到1,alpha从1变化到0.7,运动差值使用Quart.easeOut
Introduction_pic_computer用时500ms,x坐标从1175变化到1375,y坐标不变设为548,alpha从1变化到0,运动差值使用Quart.easeOut
电视中的logo_alios直接切换为Introduction_pic_video
pagebreak_current用时300ms,位移到pagebreak右侧,运动差值使用Quart.easeOut
Introduction_text_2用时200ms,alpha从1变化到0
Introduction_text_3用时200ms,alpha从0变化到1
**2到0:**\\
**Introduction_pic_tv_2**用时500ms,x坐标从858变化到897,y坐标从315变化到336,scale从0.85变化到1,alpha保持0.7,运动差值使用Quart.easeOut
**Introduction_pic_mob**用时500ms,x坐标从**1530**变化到**1330**,y坐标不变设为570,alpha从0变化到1,运动差值使用Quart.easeOut
电视中的Introduction_pic_video直接切换为logo_alios
pagebreak_current用时300ms,位移到pagebreak左侧,运动差值使用Quart.easeOut
Introduction_text_3用时200ms,alpha从1变化到0
**Introduction_text_1_2**用时200ms,alpha从0变化到1