李鹏——用户体验与Flash交互设计 - Slide 1.pptx

下载文档 降价啦

4
0
约3.89千字
约 76页
2018-06-09 发布于浙江
举报
版权申诉
保障服务

李鹏——用户体验与Flash交互设计 - Slide 1.pptx

1、本文档共76页，可阅读全部内容。
2、有哪些信誉好的足球投注网站（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

李鹏——用户体验与Flash交互设计 - Slide 1

用户体验与FLASH 交互设计表现层开发技术James Li/blog /设计稿中的按钮状态改变设计稿中的颜色变化设计稿中的场景切换经常需要改变的状态坐标与缩放颜色与透明度声音音量??需要改变状态的情景鼠标响应图片交替声音交替页面切换??大部分设计稿只是对状态变化的静态描述AB利用动画引擎来量化状态的改变BATweenerTweenLiteTweenMax…caurina.transitions.TweenerTweener. addTween (p_scopes:Object = null, p_parameters:Object = null):Booleanp_scopes: 需要改变状态的对象p_parameters: 一个用来描述状态改变细节的的对象例如：Tweener.addTween(mySprite,{x:100,y:200,time:1});引擎下载地址：.br/tweener/docs/en-us/描述对象包含的参数Number time: 动画使用的时间（秒）Number delay: 动画延迟的时间（秒）Boolean userFrames: 是否使用帧数来替代秒String transition: 缓动模式Function onStart: 开始时回调函数Function onUpdate: 更新时回调函数Function onComplete: 结束时回调函数Array onStartParams: 调用onStart的参数组Array onUpdateParams: 调用onUpdate的参数组Array onCompleteParams: 调用onComplete的参数组Equations 缓动方程式EaseInElasticEaseOutElasticEaseInOutElasticEaseOutInElasticEaseInBackEaseOutBackEaseInOutBackEaseOutInBackEaseInBounceEaseOutBounceEaseInOutBounceEaseOutInBounceEaseNoneLinearEaseInQuadEaseOutQuadEaseInOutQuadEaseOutInQuadEaseInCubicEaseOutCubicEaseInOutCubicEaseOutInCubicEaseInQuartEaseOutQuartEaseInOutQuartEaseOutInQuartEaseInQuintEaseOutQuintEaseInOutQuintEaseOutInQuintEaseInSineEaseOutSineEaseInOutSineEaseOutInSineEaseInCircEaseOutCircEaseInOutCircEaseOutInCircEaseInExpoEaseOutExpoEaseInOutExpoEaseOutInExpo例如：Tweener.addTween(mySprite,{ x:100,y:200,rotation:180, scaleX:1.5, time:1, transition:”easeInOutSine”, onComplete:completeHandler, onCompleteParams:[“Finished!”]});用动画引擎改变颜色RGB0xRRGGBBColorTransformDisplayObjecttransform : TransformcolorTransform : ColorTransformmyDisplayObject.transform.colorTransformColorTransformredOffsetgreenOffsetblueOffset0xRRGGBB例如改变box的颜色值0066CCFF9900var currentCt:ColorTransform = box.transform.colorTransform;var ct:ColorTransform = new ColorTransform();ct.color = currentCt.color;Tweener.addTween(ct,{ redOffset:0xff,greenOffset:0x99,blueOffset:0x00, time:1,transition:”easeInSine”, onUpdate:function():void{ box.transform.colorTransform = ct; }});用同样的方法改变声音var currentSt:SoundTransform = box.transform.SoundTransform;var s