`

[转]场景过渡效果

阅读更多
http://uh.9ria.com/link.php?url=http://bbs.9ria.com/viewthread.php%3Ftid%3D38570

这里用了两张图片作为示例,实际上设置切换函数就可以适用于其他的情况(这里是切换Image组件的源)



示例源码:
http://code.google.com/p/ghostcat/source/browse/trunk/example/src/TransitionExample.as

SWC下载:http://ghostcat.googlecode.com/s ... at/bin/GhostCat.swc


TransitionTransferLayer用来处理位图特效渐变(溶解,切割,马赛克等)
TransitionObjectLayer用来渐变显示一个过渡对象
TransitionCacheLayer缓存当前图像并进行Tween
TransitionMaskLayer使用一个动画作为Mask
此外还有TransitionMovieClipLayer不方便演示并没有放出,它可以让一个动画来控制过渡,指定在不同的动画阶段播放不同的帧动画

考虑到这个使用上的确有点复杂,先说明一下

所有过渡对象都是用createTo(xx)创建到一个容器中显示,显示完后自动删除自身
他们的第一个参数都是切换函数,就是一个显示完要显示下一个的时候执行的函数,在里面写上换图片或者其他即可。
然后,其他的则根据参数名称和类型设置,就像上面那些一样,所有特效被归结成了4种方案,你首先要将自己想做的特效归到其中一类去,然后设法实现。诸如白屏,其实就是显示一个白色的方块,然后直接加入到TransitionObjectLayer里。具体的可以看例子,说很难说。。这全看你的归纳能力了。

其中比较难理解的是GBitmapEffect和GScriptMovieClip,GBitmapEffect就是一般的用来处理位图的对象,他的参数其实是个Function,然后Function根据传入的3个参数来生成位图,而用的时候只要直接套用就可以了。套用已经写好的Handler,它能做出溶解,马赛克,切割等效果。然后将GBitmapEffect加入TransitionTransferLayer即可。特别的,GBitmapEffect也可以加入TransitionObjectLayer,产生的结果就是渐入然后渐消。

而GScriptMovieClip是一种特殊的MovieClip。
TransitionMaskLayer,TransitionMovieClipLayer的参数都是GMovieClipBase对象(也可以直接传入MovieClip),GMovieClipBase则实现了MovieClip的扩展,比如可以实现位图动画,动画拼接,还有现在这个“代码动画”,GScriptMovieClip是通过传入的Handler来每次绘制每一帧,最终开放的接口则和其他动画统一了起来。这些是另一个包的内容,是后话。
总之,你可以把整个GScriptMovieClip当成一个普通MovieClip,只不过它是代码画出来的,而不是FLASH IDE 画出来的。当然,你要用一个FLASH IDE 画出来的代替也可以。
分享到:
评论

相关推荐

    HTML页面过渡效果大全

    每种过渡效果都可通过调整`Duration`和`Transition`参数来定制,以满足不同场景下的需求。 ### 结论 HTML页面过渡效果是提升网页用户体验的重要手段之一,通过合理运用`<meta>`标签及其参数,可以在不增加额外代码...

    12种炫酷CSS3图片切换过渡效果

    在“12种炫酷CSS3图片切换过渡效果”这个主题中,我们将深入探讨这些效果的实现方法和应用场景。 1. **滑动切换**:这种效果通常用于轮播图,图片沿水平或垂直方向平滑滑动,提供了一种流畅的视觉过渡。通过`...

    场景过渡动画示例.zip

    在"场景过渡动画示例.zip"这个压缩包中,可能包含了一个简单的Android项目,该项目展示了如何使用Transition API来实现不同的过渡效果。以下是一些关键知识点: 1. **Transition API**: 这是Android系统提供的一个...

    WpfEffect.图片切换3D过渡效果.rar

    同时,根据需求,可以进一步扩展此功能,例如添加过渡效果选择器,让用户自定义喜欢的3D过渡方式。 综上所述,实现WPF中的3D图片切换效果需要掌握3D转换、动画、数据绑定、性能优化等多个方面的技术。通过巧妙地...

    jQuery切割过渡效果图像滑块.zip

    【jQuery切割过渡效果图像滑块】是一个基于JavaScript库jQuery实现的动态图像展示工具,它具有独特的切割过渡效果,为网站的图像展示增添了丰富的视觉体验。这个图像滑块不仅包含左右箭头供用户导航,还提供了缩略图...

    C#实现图片转场过渡,图像渐变动画,图像融合技术,图像淡入淡出效果

    2. 创建一个新的Bitmap对象,用于存储过渡效果的结果。 3. 获取源图像和目标图像的像素数据,使用Bitmap的LockBits和Marshal.Copy方法。 4. 遍历新Bitmap的所有像素,对于每个像素,根据设定的渐变算法(例如线性...

    Flash过渡效果源文件

    过渡效果是Flash中一个重要的概念,用于实现对象或场景之间的平滑转换,为用户带来视觉上的流畅体验。 1. **过渡效果的基本原理**: 过渡效果通常涉及到时间轴控制和帧动画,通过改变对象的位置、大小、透明度等...

    cocos2D各种场景切换效果

    这个过渡效果会将当前场景逐渐变暗,同时新场景逐渐变亮,直到新场景完全显示。你可以通过`FadeTransition:create-duration-direction`方法创建此效果,其中`duration`参数表示过渡持续时间,`direction`参数可以...

    易语言窗口过渡效果

    窗口过渡效果是指在软件界面切换时,窗口以特定的视觉动画显示变化,常见的过渡效果包括淡入淡出、左右滑动、放大缩小等。在易语言中,实现窗口过渡效果需要对窗口的位置、大小或透明度进行动态调整。这通常涉及对...

    场景过渡1

    在游戏开发中,场景过渡是实现游戏流程流畅性的重要一环。"场景过渡1"的描述涉及到了在Cocos2d-x游戏引擎中如何实现场景之间的平滑切换,特别是使用了CCTransitionScene及其子类来创建动画效果。Cocos2d-x是一个流行...

    Unity引擎开发:环境设计与场景管理-(10).多场景切换与过渡效果.docxUnity引擎开发:环境设计与场景管理-(11).环境音效设计与实现.docxUnity引擎开发:环境设计与场景管理

    多场景切换与过渡效果.docx Unity引擎开发:环境设计与场景管理_(11).环境音效设计与实现.docx Unity引擎开发:环境设计与场景管理_(12).环境动画与动态效果.docx Unity引擎开发:环境设计与场景管理_(13)....

    场景切换插件,支持进度条等

    场景切换插件,支持进度条,场景异步加载等,亲测有效

    Android TransitionDrawable ImageView 过渡效果实例

    在Android开发中,TransitionDrawable是Android SDK提供的一种特殊类型的Drawable,用于实现两个或多个Drawable之间的平滑过渡效果。本实例将深入探讨如何使用TransitionDrawable在ImageView中实现两张图片的渐隐渐...

    游戏场景过渡转场镜头特效:Transition Blocks 1.6

    过渡块(Transition Blocks)是一种易用且美观的方式,用于在你的游戏场景间进行过渡。其操作极为简单,你只需将一个预制件拖入你的第一个场景并调用:Transitioner.Instance.TransitionToScene("场景名称"); 它的...

    AS3过渡效果、源码

    在AS3中,过渡效果是指在不同帧或场景之间进行平滑、动态的切换效果,可以极大地提升用户体验和视觉吸引力。 `McTransition.as` 文件很可能是一个包含过渡效果类的源码文件,这里的"Mc"可能代表MovieClip,是AS3中...

    transitions:Cocos Creator的过渡效果

    将过渡节点添加到场景后,过渡节点将使自己成为持久节点。 在属性面板中选择一个过渡。 从一个场景到另一个场景的过渡: // Use **transitions.loadScene** instead of **cc.director.loadScene** // cc....

    jQuery+CSS3网页泼墨过渡效果代码

    在网页设计中,动态过渡效果可以提升用户体验,使页面交互更具吸引力。"jQuery+CSS3网页泼墨过渡效果代码"就是一个实例,展示了如何利用这两项技术实现创新的视觉转换。这个效果模仿了中国传统艺术中的泼墨技法,为...

    音视频资料-图片切换效果(有过渡效果,不抖动).rar

    这种效果通常通过添加过渡效果来实现,过渡效果是指在一个图像或场景与下一个图像或场景之间创建的动画或动态转换,目的是使观众的视觉体验更加流畅,避免突然的跳切带来的不适感。 过渡效果的种类繁多,包括淡入...

    PyQt实现界面翻转切换效果

    PyQt实现界面翻转切换效果是用qt的场景功能来实现的,用到了QGraphicsView,QGraphicsLinearLayout,QGraphicsWidget等有关qt场景的库。算是对qt场景的一个小小的尝试,涉及内容不深,程序效果并是随心所欲,需要去...

    Director_过渡效果表

    【Director_过渡效果表】是关于使用Director软件进行动画制作时的一种特殊效果列表,它包含了许多不同的过渡方式,用于在场景或帧之间平滑地切换,增加视觉吸引力和动态感。以下是对这些过渡效果的详细解释: 1. ...

Global site tag (gtag.js) - Google Analytics