~~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