`
wangangie19
  • 浏览: 43282 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

在Flash8中用Blendmode打造光影变换

阅读更多

[1b]演示文件[/1b]:
 
[1b]制作思路[/1b]: 创建影片剪辑,其中此影片剪辑中包含了五帧,每一帧上有不同颜色的小球,在代码中我们会通过Actionscript来控制它跳转帧已定位在不同颜色的小球上,来实现不同颜色小球之间相互叠加,并在场景中复制,通过Actionscript控制它的自动移动,并应用融合效果.
[1b]操作方法:[/1b]
1.新建一个Flash文档,文件的场景大小设置为590*350.背景为黑色.帧频设置为31,将其另存为blendmode3.fla.
2.打开新建的blendmode3.fla.在主场景中绘制一个38*38大小的园形二维形体,按下shift+F9打开混色器,选择放射状添充,当选择蓝色,如下图所示.

   注意右边的混色器,在下面的滑块中,我们左边用的是蓝色,右边是也蓝色,但它的透明度是0,添充后效果如下图所示。

注意这个园形的大小当前为我们放大后观看的效果,它的原本大小为38*38.
3.选中这个园形按下F8键,将其转换为图形符号,命将它的名称命名为Blue.同时注意它的注册点。将注册点置于中心位置。如下图所示。

4.确定后我们就创建完成了Blue符号,依照相同的方法,我们需要创建另外4种颜色的小球,在本例中我们创建了如下几种颜色的小球。

5.还有一个创建不同颜色小球的简单的方法,选中我们刚创建的蓝色小球,右击选择直接复制。然后在进入到复制后的图形元件内部,进行修改颜色。
6.创建完多个小球之后,我们在主场景保持空的。如果场景上有图形元件要删去。 然后按下Ctrl+F8.创建一个新的影片剪辑,我们将它命名为Clip.然后将我们刚刚他建的五个不同颜色的小球元件,从库中拖至clip影片剪辑的帧上,如下图所示。

7.ok.完成了这一步之后,返回到主场景中,选中库中我们刚刚创建的clip影片剪辑,右击选择链接。会打开链接标识窗口。如下图所示。

在打开的窗中,先选中”为Actionscript导出”,然后在链接标识处输入出境partical名称。确定。我们在此处创建的链接名是为我们在主帧上添写代码时,用来使用attachMovie进行贴加复制操作的。
8.完成上面的操作之后。选中主场景上的第一帧,按下F9,打开Actionscript面板。我们准备输入如下代码:
//定义中心位置 
var cx = 180; 
var cy = 180; 
//设定循环20次,准备从库中复制链接id为partical的影片. 
for (var i = 0; i
本文转自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/643.html
分享到:
评论

相关推荐

    [opencv]005 简单图像混合

    之前上传的csdn上没有显示出来,不知道为什么。 这是根据openv3编程入门自己手打的代码,配置好opencv3.2获取它版本x64库即可运行

    UIImage-MARKColorizer:用于图像着色的 UIImage 类别

    演示可用方法+ (UIImage *)mark_colorizeImage:(UIImage *)image withColor:(UIColor *)color blendMode:( CGBlendMode )blendMode;- (UIImage *)mark_colorizedCopyWithColor:(UIColor *)color blendMode:(

    blendmode-filter-video:为我在CSS Paris Meetup上的演讲而创建的小型应用程序(http

    blendmode-filter-video 为我在CSS Paris Meetup上的演讲而创建的小型应用程序( )滑梯

    Having-fun-with-p5js-s-blendMode-:快速的p5.js草图测试blendMode函数,并使用CCapture生成草图的gif!

    快速的p5.js草图测试blendMode函数,并使用CCapture生成草图的gif! 为了制作gif,您需要将'recording'变量设置为true,并且可以使用index.html中的'gifLength'变量(在sketch.js中)设置gif中的帧数。的gif。

    three.js资源包

    three.js资源包

    150928_css3_blendmode:这是文章“以CSS3 mix-blend-mode实现的绘图表达”的示例。

    通过CSS3的mix-blend-mode实现的图形表达演示网址拖动鼠标进行操作。屏幕上绘制了一张彩色的图。评论文章有关详细信息,请参见用ICS LAB编写的文章。 它是使用CSS3的mix-blend-mode属性创建的。...

    context-blender:用于HTML Canvas上下文的Photoshop样式混合模式

    - overContext : A CanvasRenderingContext2D - underContext : A CanvasRenderingContext2D - blendMode : A string with the blend mode to use, e.g. 'screen' - offsetOptions : [optional] JS Object with ...

    C# wpf 实现底部嵌入HwndHost

    对于wpf实现会复杂一些,因为提供自绘没有BlendMode之类的东西,无法直接消除底部画面,能够使用的方式是Clip,这种方式限制比较多。不过最终还是实现了功能。本资源为文章附件资源,原文链接:...

    glow11 UNITY3D 自发光光晕插件

    Glow11插件是Unity Asset Store中非常强大的自发光插件 内含3个版本 可以做自发光, 光晕等。 支持mobile High Precision:高精度 ...Downsample BlendMode:下采样混合模式 Inner Strength Outer Strength Boost

    flutter 怎么实现app整体灰色效果

    作为程序员我们肯定会想怎么可以实现的, 我简单研究了10分钟, flutter中只要在整体外面套一个ShaderMask, 然后修改blendMode即可 核心代码: class MyApp extends StatelessWidget { // This widget is the root of...

    混合图像:确定如何将两张图像相互融合。-matlab开发

    数字图像编辑中的混合模式(或混合模式)用于... 例如,这个条目的图片是350多张图片混合在一起的结果。 尝试“帮助blendMode”以开始使用。 教程页面: http : //imageprocessingblog.com/blend-images-with-matlab/

    著名的bcastr4幻灯片灵动标签调用插件 for 帝国CMS.rar

    object type="application/x-shockwave-flash" data="/images/bcastr4.swf?xml=  <data>    [e:loop={37,5,0,1}]    <link><?=$bqsr[titleurl]?></link>  <image><?=$bqr...

    HGE_系列教材(1-9)

    颜色使用32 位表示,从左开始,8 位为Alpha 通道,8 位红色,8 位绿色,8 位蓝色 对于后24 位,如果全部为0,表示黑色,如果全部为1,表示白色 2. 定义颜色的运算: 我们把颜色看成一个四维向量,即alpha 通道,红色...

    Purebasic:一些纯基本代码

    animatoon:一个2D位图应用程序,用于绘制和变换图像(调整大小,颜色,图层,笔刷...) 精灵动画:使用精灵(带有精灵和骨骼)创建动画 cartoon:2D矢量绘图和动画应用程序 其他小代码: 图像:blendmode,圆形...

    pixie:Nim的全功能2D图形库

    Pixie-Nim的全功能2D图形库 :warning: 警告:该库仍在大量开发中。 :warning: Pixie是一个2D图形库,类似于完全由Nim编写的和 (几乎)。 功能包括: 绘制路径,形状和曲线复杂遮罩阴影,辉光和效果加载图像文件格式...

    Flutter-Hover-Effects

    不幸的是,一些小部件和元素无法在网络上运行,例如ShaderMask和BlendMode.srcOut。 网络版本的性能也明显低于桌面版本。 要使其中一些效果在#4等网络上起作用,请确保使用canvaskit作为渲染器( --web-renderer...

    Flutter 实现整个App变为灰色的方法示例

    在Flutter中实现整个App变为灰色是非常简单的,只需要在最外层的控件上包裹ColorFiltered,用法如下: @override Widget build(BuildContext context) { return ColorFiltered( colorFilter: ColorFilter.mode...

    FlxSpotlightShader:Flixel中的聚光灯着色器

    FlxSpotlightShader Flixel中的聚光灯着色器创建一些具有黑色轮廓,没有Venn-diagram样式轮廓相交的聚光灯,在其中应用混合模式,并且不更改黑色像素。 有关肉类和土豆,请参见SpotlightShader.hx,文件的最后lil ...

    FairyGUI-Unity-Plugin-3.4.0.zip

    - NEW: Draw extra 8 directions instead of 4 directions to archive text outline effect. Toggle option is UIConfig.enhancedTextOutlineEffect. - IMPROVED: Eexecution efficiency optimizations. - IMPROVED:...

Global site tag (gtag.js) - Google Analytics