【问题标题】:Warp effect in flash AS3Flash AS3 中的变形效果
【发布时间】:2013-07-04 00:51:23
【问题描述】:

我正在寻找类似 Photoshop 的翘曲效果,其中图像不旋转,但可以说顶部两个点(角)移动了,有人知道该怎么做吗?

或者一个想法如何在不倾斜移动整个图像的情况下将这两个点向左移动,我正在使用的当前代码

function skewer(target:DisplayObject, _x:Number, _y:Number):void {
var mtx:Matrix = new Matrix();    
mtx.b = _y * Math.PI/180;     
mtx.c = _x * Math.PI/180;     
mtx.concat(target.transform.matrix);     
target.transform.matrix = mtx; 

}

用谷歌搜索了一下,图片是用加载器加载的。

谢谢, S

【问题讨论】:

  • 我不确定,但 DisplacementMapFilter 可能会解决问题...

标签: flash actionscript-3 skew


【解决方案1】:

在 flashandmath.com 上有一个很棒的教程(带有源代码)来实现这种效果。 http://www.flashandmath.com/advanced/p10triangles/method.html

它给出的效果有点像这样:

我的博客上也有不同类型的扭曲效果。我喜欢称之为“马桶”效应 :-) http://plasticsturgeon.com/2011/03/cool-warp-transition-effect-for-text-or-images/

它获取一张图像并应用两个像素弯曲着色器来应用波纹效果和旋转。还提供了完整的源代码。

【讨论】:

  • 谢谢,但我在 AS 中相当新手,该教程看起来像我需要的,但当我尝试它时却无处可去,我目前正在远程加载图像并将其放入 MC (它的几个图像在一个数组中),在那之后我将如何转换它们?谢谢!
【解决方案2】:

您可以尝试使用(或创建自己的)Pixel Bender 着色器。 this 只是我通过谷歌搜索“像素弯曲变形”找到的一个简单示例。这根本不是你要找的东西,但我想向你展示什么是可能的——假设你还不知道。像素弯曲着色器只是过滤器,不需要动画。

更多:Working with Pixel Bender shaders

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2010-12-23
    • 1970-01-01
    • 2015-08-23
    • 2014-05-20
    • 1970-01-01
    • 2011-06-21
    • 2014-03-08
    • 1970-01-01
    相关资源
    最近更新 更多