Viewport Filters (IX)

In this chapter I'll discuss how to apply filters to your viewport, in turn, applying the filter across all objects in your scene. For this example I'll use a PV3D generated Sphere and apply the various filters to the viewport.

Drop Shadow Filter

example: Drop Shadow Filter
source: Drop Shadow Filter Source

This is the code for inserting a drop shadow filter on your viewport. The first thing you need to do is import the flash filters API. For simplicity purposes I'm going to import all filters. You can do that by using * at the end of the flash.filters.* directory.

//import filters api
import flash.filters.*;

//datatype your filter variable
public var dropShadowFilter:DropShadowFilter;

//instantiate your dropShadowFilter var with its parameters
//dropShadowFilter = new DropShadowFilter(distance, angle, color, alpha, x blur, y blur,
//strength, quality, inner shadow boolean, knockout boolean, hide object boolean);
dropShadowFilter = new DropShadowFilter(5, 45, 0x000000, 1, 5, 5, 1, 1);

//apply your filter to the viewport
//viewport.filters = [filter1 to apply, filter2 to apply];
viewport.filters = [dropShadowFilter];

Preview the fla and you'll see your filter in action.


Blur Filter

example: Blur Filter
source: Blur Filter Source

This is the code for inserting a blur filter on your viewport.

//import filters api
import flash.filters.*;

//datatype your filter variable
public var blurFilter:BlurFilter;

//instantiate your blurFilter var with its parameters
//blurFilter = new BlurFilter(x blur, y blur, quality);
blurFilter = new BlurFilter(10, 10, 1);

//apply your filter to the viewport
//viewport.filters = [filter1 to apply, filter2 to apply];
viewport.filters = [blurFilter ];

Preview the fla and you'll see your filter in action.


Glow Filter

example: Glow Filter
source: Glow Filter Source

This is the code for inserting a glow filter on your viewport.

//import filters api
import flash.filters.*;

//datatype your filter variable
public var glowFilter:GlowFilter;

//instantiate your glowFilter var with its parameters
//glowFilter = new GlowFilter(color, alpha, x blur, y blur,
//strength, quality, inner glow bloolean, knockout boolean);
glowFilter = new GlowFilter(0xFF0000, 1, 10, 10, 2, 1);

//apply your filter to the viewport
//viewport.filters = [filter1 to apply, filter2 to apply];
viewport.filters = [glowFilter];

Preview the fla and you'll see your filter in action.


Bevel Filter

example: Bevel Filter
source: Bevel Filter Source

This is the code for inserting a bevel filter on your viewport.

//import filters api
import flash.filters.*;

//datatype your filter variable
public var bevelFilter:BevelFilter;

//instantiate your bevelFilter var with its parameters
//bevelFilter = new BevelFilter(distance, angle, highlight color, highlight alpha,
//shadow color, shadow alpha, x blur, y blur, strength, quality,
//bevel type string, knockout boolean);
bevelFilter = new BevelFilter(8, 45, 0xAAAAAA, 1, 0x000000, 1, 4, 4, 1, 1, "inner");

//apply your filter to the viewport
//viewport.filters = [filter1 to apply, filter2 to apply];
viewport.filters = [bevelFilter];

Preview the fla and you'll see your filter in action.