`
hereson
  • 浏览: 1444288 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

写了一个Flash的Transition

阅读更多

写了一个Flash的Transition

 package
{
import flash.display.*;
import flash.geom.*;
import fl.transitions.*;
import fl.transitions.easing.*;
import fl.motion.BezierSegment;
 
 
public class MarsFly extends Transition
{
 private var _origin_x:Number;
 private var _origin_y:Number;
 private var _origin_zoom:Number;
 private var _origin_alpha:Number;
 private var _start_x:Number = 0;
 private var _start_y:Number = 0;
 private var _control_x:Number = 0;
 private var _control_y:Number = 0;
 private var _start_zoom:Number = 2.5;
 private var _start_alpha:Number = 0;
 private var _bezier:BezierSegment;
 
    /**
     * @private
     */
 override public function get type():Class
 {
  return MarsFly;
 }
 
 
 
    /**
     * @private
  * @param transParams - 参数zoom,alpha,x 起始点x,y 起始点y,cx 控制点x,cy 控制点y
     */
 function MarsFly (content:MovieClip, transParams:Object, manager:TransitionManager)
 {
  super(content, transParams, manager);
  _origin_x = this.manager.contentAppearance.x;
  _origin_y = this.manager.contentAppearance.y;
  _origin_zoom = this.manager.contentAppearance.scaleX;
  _origin_alpha = this.manager.contentAppearance.alpha;
  _start_x = (transParams.x)?transParams.x:0;
  _start_y = (transParams.y)?transParams.y:0;
  _start_zoom = (transParams.zoom)?transParams.zoom:2.5;
  _start_alpha = (transParams.alpha)?transParams.alpha:0;
  _control_x = transParams.cx;
  _control_y = transParams.cy;
 
  _bezier = new BezierSegment(new Point(_start_x, _start_y),
         new Point(_start_x, _start_y),
         new Point(_control_x, _control_y),
         new Point(_origin_x, _origin_y)
         );
 }
 
    /**
     * @private
     */    
 override protected function _render(p:Number):void
 {
  var point:Point = this._bezier.getValue(p);
  this._content.x = point.x;//this._start_x + (this._origin_x - this._start_x) * (Math.sin(p*Math.PI/2));
  this._content.y = point.y;//this._start_y + (this._origin_y - this._start_y) * (Math.cos((1-p)*Math.PI/2));
  this._content.alpha = this._start_alpha + (this._origin_alpha - this._start_alpha) *p;
  this._content.scaleX = this._content.scaleY = this._start_zoom + (this._origin_zoom - this._start_zoom) *p;
 }
 
}
 
 
 
}

调用时

import fl.transitions.*;
import fl.transitions.easing.*;
 
btn1.addEventListener(MouseEvent.CLICK, function (event){
TransitionManager.start(img1_mc, {type:MarsFly, direction:Transition.OUT, duration:2, easing:Strong.easeOut, x:300,y:300, cx:300, cy: 0,zoom:5,alpha:0.1});               
              });
 
btn2.addEventListener(MouseEvent.CLICK, function (event){
TransitionManager.start(img1_mc, {type:MarsFly, direction:Transition.IN, duration:2, easing:Strong.easeOut,x:300,y:300, cx:300, cy: 0,zoom:0.1,alpha:0});                           });

 

分享到:
评论

相关推荐

    Flash Transition

    4. 旋转过渡:物体进行旋转运动,可以营造出翻转或旋转进入下一个场景的效果。 5. 特效过渡:包括波纹、脉冲、模糊等特效,为过渡增加更多创意元素。 三、创建Flash过渡效果的步骤 1. 打开Flash软件,创建新的...

    一个Flash转场效果

    本话题聚焦于“一个Flash转场效果”,这通常指的是在Flash项目中实现的两个场景或画面之间的过渡效果。转场效果是任何多媒体内容中增加视觉吸引力的重要元素,它们可以使观众的注意力平滑地从一个内容转移到另一个...

    Components2(Transition).zip_Transition

    "Components2(Transition).fla"则是一个Flash动画文件,通常用于Adobe Flash软件中,它可能包含了过渡效果的动画设计,开发者可以参考或导出其中的动画帧来实现动态过渡效果在前端代码中的应用。 综合以上信息,这...

    flash图片展示效果,(内有Flash源文件)

    本压缩包包含的“Flash图片展示效果”是一个典型的Flash项目,用于创建引人注目的图片轮播或画廊效果。通过深入分析这个项目,我们可以学习到以下几个关键知识点: 1. **Flash ActionScript**:ActionScript是Flash...

    Flash制作(加载外部图片等)

    总的来说,Flash制作中的外部图片加载是一个多方面的话题,包括基本的`loadMovie`使用、动态数据交互、动画效果的实现等。通过深入学习这些知识点,开发者可以创造出更丰富、更动态的Flash内容。而提供的压缩包文件...

    仿flash效果CSS图片轮换

    在网页设计中,为了吸引用户的注意力并展示多样化的信息,图片轮换效果是一个常见的功能。传统的实现方式是使用Adobe Flash技术,但随着HTML5和CSS3的发展,现在我们可以使用纯CSS来实现类似的效果,无需依赖Flash...

    flash浏览图片源码

    标题中的“flash浏览图片源码”指的是使用Adobe Flash技术实现的一个图片浏览应用程序的源代码。Flash是一种曾经广泛用于创建互动式网页内容、动画和应用程序的平台,尤其在互联网早期非常流行。这个源码是用...

    两个类似flash+xml翻页焦点图.

    在IT行业中,"两个类似Flash+XML翻页焦点图"是一个关于网页动态效果设计的主题,主要涉及使用Adobe Flash和XML(可扩展标记语言)技术来创建具有翻页效果的焦点图组件。这样的组件通常用于网站的首页或者产品展示...

    PR转场插件FilmImpact+Transition+Packs+V3.6.3+CE+.7z

    4. **动态转场**:如"Explode"和"Blast"等转场,通过爆炸或冲击效果将一个场景瞬间切换至另一个,适合用在剧情转折或情绪高潮的场景,增加视觉冲击力。 5. **特殊效果转场**:除了上述基本类型,FilmImpact还提供了...

    FLASH透明网页表头合辑

    "FLASH透明网页表头合辑"是一个集合了多种Flash技术实现的透明表头效果资源包,旨在帮助设计师和开发者快速实现这种效果。 Flash,全称Adobe Flash,是一种广泛应用于创建交互式网页内容、动画以及应用程序的技术。...

    超酷的仿flash菜单

    这个"超酷的仿flash菜单"可能是一个静态的压缩包文件,包含了一系列用于创建这种效果的资源,比如HTML文件、CSS样式表、JavaScript脚本以及可能的图片或图标文件。以下是这个主题下的一些关键知识点: 1. HTML结构...

    用js实现flash效果

    这个函数会在下一次重绘之前调用指定的回调函数,确保连续执行动画帧。这比传统的`setTimeout`或`setInterval`更高效,因为它能与浏览器的渲染周期同步。 2. **CSS3变换和过渡** CSS3提供了`transform`属性,允许...

    Flash五屏焦点图.zip

    在"Flash五屏焦点图"中,Flash文件可能包含了一个与JavaScript版本类似的功能实现,但依赖Adobe Flash Player插件来运行。 5. **CSS样式**: 尽管压缩包中没有明确的.css文件,但焦点图的视觉样式很可能通过内联...

    FLash 图片放大

    1. **创建Flash文档**:首先,你需要启动Adobe Flash软件,创建一个新的Flash文档,选择合适的舞台尺寸和帧率,以便适应网页环境。 2. **导入图片**:将需要放大的图片导入到Flash舞台上,可以使用“文件”>“导入...

    XML配置的Flash顶部Banner幻灯焦点图

    - 在XML文件中,每个幻灯片通常对应一个节点,包含图片路径、链接、显示时间、过渡效果等属性。例如: ```xml <image>images/slider1.jpg <link>http://example.com</link> <duration>5000 <transition>fade...

    Flash图片切换效果

    总的来说,"Flash图片切换效果"代表了互联网早期的一种交互设计,而如今,JavaScript和CSS3等现代Web技术已经能够提供类似甚至更丰富的功能,且更加适应多样化的设备和用户需求。无论是使用Flash的ActionScript还是...

    网站图片 类似flash效果 淡入淡出

    4. 当当前图片完全显示后,立即调用`.fadeOut()`使其逐渐变为不可见,准备进行下一个图片的淡入。 5. 可以通过设置延时或者在淡出完成后触发淡入,来控制图片之间的切换间隔,以创建连续的动画效果。 6. CSS样式表中...

    Flash图片轮番带缩略图滚动,很漂亮

    2. **缩略图(Thumbnails)**:缩略图通常排列在主画面下方或侧边,提供一个快速浏览所有图片的概览。用户可以通过点击缩略图来直接跳转到对应的大图。 3. **控制器(Controls)**:这些可能包括前进和后退按钮、...

    jqyery实现flash效果

    在JavaScript的世界里,jQuery是一个非常流行且强大的库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互。本教程将重点讲解如何利用jQuery来实现类似Flash的动态效果,但相比Flash,jQuery实现的效果更加...

Global site tag (gtag.js) - Google Analytics