如何使用动作脚本更改FLVPlayback的四个角？

Question

我想使用波纹管图像之类的动作脚本来更改FLVPlayback的四个角（角针）。

有什么方法可以通过动作脚本来实现此任务？

Answer 1

您可以使用DistortImage Class 。

该类的原始Actionscript 2.0版本由Thomas Pfeiffer（aka kiroukou）编写，灵感来自Andre Michelle（andre-michelle.com）。 Ruben Swieringa重写了Actionscript 3.0中的Thomas Pfeiffer的课程，进行了一些小的更改/添加。

这是Ruben Swieringa的演示。

此类适用于Bitmap image 。 必须通过在每个enterFrame上使用draw方法将其适应flvplayback component 。

操作方式

您首先在这里获得AS3类 。

您将此代码放入.as file并将其命名为DistortImage 。 您将此文件放入以下文件夹层次结构：org> flashsandy> diqplay> DistortImage.as

您的DragBtn库中有一个MovieClip链接的DragBtn 。 您将以下代码放在.fla的actionScript面板中：

import org.flashsandy.display.*;

vidPlayer.source = 'http://www.helpexamples.com/flash/video/caption_video.flv';
vidPlayer.scaleMode = 'exactFit';
vidPlayer.skin = null;
vidPlayer.visible = false; // we only see the Bitmap drawn

var C:Sprite= new Sprite(); // Sprite container
C.x = C.y = 100; // video position
this.addChild(C);

var shape:Shape = new Shape();
this.C.addChild(shape);

var iw:int = vidPlayer.width;
var ih:int = vidPlayer.height;

var distortion:DistortImage = new DistortImage(iw, ih, 2, 2);
var bitmapData:BitmapData = new BitmapData(iw, ih);
var center:Point;

function getDisplayObjectCenter(child:DisplayObject, x:Number = 0, y:Number = 0):Point {
    center = new Point();
    center.x = child.x + child.width / 2 + x;
    center.y = child.y + child.height / 2 + y;
    return center;
}

function Enter(e:Event):void {
    this.shape.graphics.clear();
    this.bitmapData.draw(vidPlayer); // video drawn enterFrame
    distortion.setTransform(this.shape.graphics,
                            this.bitmapData, 
                            this.getDisplayObjectCenter(this.d1, 0, 0), 
                            this.getDisplayObjectCenter(this.d2, 0, 0), 
                            this.getDisplayObjectCenter(this.d3, 0, 0), 
                            this.getDisplayObjectCenter(this.d4, 0, 0));
}
addEventListener(Event.ENTER_FRAME, Enter);

var d1:DragBtn = new DragBtn();
d1.x = d1.y = 0;
this.C.addChild(d1);

var d2:DragBtn = new DragBtn();
d2.x = iw;
d2.y = 0;
this.C.addChild(d2);

var d3:DragBtn = new DragBtn();
d3.x = iw;
d3.y = ih - 60;
this.C.addChild(d3);

var d4:DragBtn = new DragBtn();
d4.x = 0;
d4.y = ih - 60;
this.C.addChild(d4);

d1.addEventListener(MouseEvent.MOUSE_DOWN, drag);
d2.addEventListener(MouseEvent.MOUSE_DOWN, drag);
d3.addEventListener(MouseEvent.MOUSE_DOWN, drag);
d4.addEventListener(MouseEvent.MOUSE_DOWN, drag);
function drag(e:MouseEvent):void {e.target.startDrag();}

addEventListener(MouseEvent.MOUSE_UP, up);
function up(e:MouseEvent):void {stopDrag();}

结果

然后，您可以像这样变形视频：

flashandmath方法可能也适用于视频。