Membuat Efek Filter Dengan ActionScript 2.0

Kali ini kita akan membuat efek filter menggunakan ActionScript 2.0.

Membuat efek bevel 1

Buat flash document baru, klik frame 1 layer 1 lalu masukkan script :

this.createEmptyMovieClip("box_mc", 5); with (_root.box_mc) { lineStyle(5, 0x0000ff); beginFill(0x00ff00); moveTo(0, 0); lineTo(160, 0); lineTo(160, 120); lineTo(0, 120); lineTo(0, 0); endFill(); _x = 100; _y = 100; filters = [new flash.filters.BevelFilter()]; } var dir:Number = 1; box_mc.blur = 10; box_mc.onEnterFrame = function() { box_mc.blur += dir; if ((box_mc.blur>=40) || (box_mc.blur<=10)) { dir *= -1; } var filter_array:Array = box_mc.filters; filter_array[0].blurX = box_mc.blur; filter_array[0].blurY = box_mc.blur; box_mc.filters = filter_array; };

Membuat efek bevel 2

Buat flash document baru, klik frame 1 layer 1 lalu masukkan script :

import flash.filters.GradientBevelFilter; var shapeClip:MovieClip = this.createEmptyMovieClip("shape_mc", 1); with (shapeClip) { beginFill(0xFF0000, 100); moveTo(0, 0); lineTo(200, 0); lineTo(200, 200); lineTo(0, 200); lineTo(0, 0); endFill(); } shapeClip._x = (Stage.width-shapeClip._width)/2; shapeClip._y = (Stage.height-shapeClip._height)/2; var colors:Array = new Array(0xFFFFFF, 0xCCCCCC, 0x000000); var alphas:Array = new Array(1, 0, 1); var ratios:Array = new Array(0, 128, 255); var gradientBevel:GradientBevelFilter = new GradientBevelFilter(10, 45, colors, alphas, ratios, 4, 4, 5, 3); var mouseListener:Object = new Object(); mouseListener.onMouseDown = function() { gradientBevel.strength++; shapeClip.filters = [gradientBevel]; }; mouseListener.onMouseMove = function() { gradientBevel.blurX = (_xmouse/Stage.width)*255; gradientBevel.blurY = (_ymouse/Stage.height)*255; shapeClip.filters = [gradientBevel]; }; Mouse.addListener(mouseListener);

Membuat efek bevel 3

Buat flash document baru, klik frame 1 layer 1 lalu masukkan script :

import flash.filters.GradientBevelFilter; // draws a filled square shape this.createEmptyMovieClip("square_mc", this.getNextHighestDepth()); square_mc.beginFill(0xFF99CC); square_mc.moveTo(40, 40); square_mc.lineTo(200, 40); square_mc.lineTo(200, 200); square_mc.lineTo(40, 200); square_mc.lineTo(40, 40); square_mc.endFill(); /* GradientBevelFilter(distance:Number, angle:Number, colors:Array, alphas:Array, ratios:Array, blurX:Number, blurY:Number, strength:Number, quality:Number, type:String, knockout:Boolean) */ // create colors, alphas, and ratios arrays var colors:Array = [0x0000FF, 0x00FF00, 0x9900FF, 0xFFFF00, 0xFF0000, 0xFFFF00, 0x9900FF, 0x00FF00, 0x000000]; //blue, green, purple, yellow, red, yellow, purple, green, black; var alphas:Array = [1, 1, 1, 1, 1, 1, 1, 1, 1]; var ratios:Array = [16, 32, 64, 96, 128, 160, 192, 224, 235]; // create the filter object var gradientBevel:GradientBevelFilter = new GradientBevelFilter(8, 225, colors, alphas, ratios, 16, 16, 1.3, 2, "inner", false); // apply the filter to the square movie clip square_mc.filters = [gradientBevel];

Membuat efek drop shadow

Buat flash document baru, klik frame 1 layer 1 lalu masukkan script :

// import the filter classes import flash.filters.DropShadowFilter; // create a movie clip called shapeClip this.createEmptyMovieClip("shapeClip", 1); // use the Drawing API to draw a shape with (shapeClip) { beginFill(0xFF0000, 100); moveTo(0, 0); lineTo(100, 0); lineTo(100, 100); lineTo(0, 100); lineTo(0, 0); endFill(); } // position the shape shapeClip._x = 100; shapeClip._y = 100; // click the square, increase shadow strength shapeClip.onPress = function():Void { dropShadow.strength++; shapeClip.filters = [dropShadow]; }; // create a filter var dropShadow:DropShadowFilter = new DropShadowFilter(5, 45, 0x000000, 0.4, 10, 10, 2, 3); var mouseListener:Object = new Object(); // create and apply a listener that controls the filter when the mouse moves mouseListener.onMouseMove = function():Void { dropShadow.distance = (_xmouse/Stage.width)*50-20; dropShadow.blurX = (_ymouse/Stage.height)*10; dropShadow.blurY = dropShadow.blurX; shapeClip.filters = [dropShadow]; };

Membuat efek drop shadow

Buat flash document baru, klik frame 1 layer 1 lalu masukkan script :

import flash.filters.GlowFilter; this.createEmptyMovieClip("shapeClip", 10); with (shapeClip) { beginFill(0x00ffff, 100); moveTo(0, 0); lineTo(100, 0); lineTo(100, 100); lineTo(0, 100); lineTo(0, 0); endFill(); } shapeClip._x = 100; shapeClip._y = 100; shapeClip.onPress = function():Void { glow.strength++; shapeClip.filters = [glow]; }; var glow:GlowFilter = new GlowFilter(0xff3030, 0.5, 10, 10, 2, 3); var mouseListener:Object = new Object(); mouseListener.onMouseMove = function():Void { glow.blurX = (_xmouse/Stage.width)*255; glow.blurY = (_ymouse/Stage.width)*255; shapeClip.filters = [glow]; }; Mouse.addListener(mouseListener);

Membuat efek gradient glow

Buat flash document baru, klik frame 1 layer 1 lalu masukkan script :

import flash.filters.GradientGlowFilter; // create a new shapeClip instance var shapeClip:MovieClip = this.createEmptyMovieClip("shapeClip", 10); // use Drawing API to create a shape with (shapeClip) { beginFill(0x00ff00, 100); moveTo(0, 0); lineTo(100, 0); lineTo(100, 100); lineTo(0, 100); lineTo(0, 0); endFill(); } // position the shape shapeClip._x = 100; shapeClip._y = 100; // define a gradient glow var gradientGlow:GradientGlowFilter = new GradientGlowFilter(0, 45, [0x00ff00, 0xFF0000], [0, 1], [0, 255], 10, 10, 2, 3, "outer"); // define a mouse listener, listen for two events var mouseListener:Object = new Object(); mouseListener.onMouseDown = function():Void { gradientGlow.strength++; shapeClip.filters = [gradientGlow]; }; mouseListener.onMouseMove = function():Void { gradientGlow.blurX = (_xmouse/Stage.width)*255; gradientGlow.blurY = (_ymouse/Stage.height)*255; shapeClip.filters = [gradientGlow]; }; Mouse.addListener(mouseListener);

Download sourcenya disini