Create a Static Distortion Effect Using the Displacement Map Filter

Report a Broken Link or Offensive Content

Processing your request, Please wait....

Friday, 8 January 2010

Read Article

In this tutorial you’ll learn how to use AS3’s DisplacementMapFilter class to create a reusable static distortion effect for button rollovers.

Final Result Preview
Let’s take a look at the final result we will be working towards:

Step 1: About Displacement Mapping
A displacement map works by using the color values from one image to alter the position of pixels in another image. This effect is often used to make a flat graphic ‘wrap’ around a dimensional image. We’re going to use it here to distort a button so it looks like it’s receiving static interference.

You can read more about displacement mapping here.
Step 2: Set up Your Flash File
Create a new Flash file (ActionScript 3).
Your movie settings will vary depending on your game. For this demo I’m setting up my movie as 500×300, black background, and 30 fps.

Step 3: Create a Simple Button
Create a…

By: Cadin Batrack
From: Activetuts+ » Tutorials

Read Article

You Might Also Like...

Convert an Image to Black and White with AS3

655 readers
Replicate an Active Camouflage Effect with Flash

2069 readersActive camouflage is a sci-fi concept, usually seen in the form of a suit that allows the wearer to become almost invisible. It can be seen in movies such as Predator and Die Another Day, and games like Halo and Crysis. This tutorial shows you how to achieve such an effect in Flash by animating
Create a Static Distortion Effect Using the Displacement Map Filter

532 readersIn this tutorial you'll learn how to use AS3's DisplacementMapFilter class to create a reusable static distortion effect for button rollovers.Category:Flash Special Effects TutorialsAuthor: KingDogDate: January 15, 2010
Create a Brightness Editor in ActionScript 3

1793 readersBrightness is an attribute of visual perception in which a source appears to be radiating or reflecting light. In this tutorial we will learn how to modify the brightness of a Display Object using ActionScript 3. Final Result Preview Let’s take a look at the final result we will be working towards: Step 1: Brief Overview Using the ColorTransform class
Create a Password Masking Class in ActionScript 3.0

1745 readers
Quick Tip: The Singleton Pattern

1543 readersIn this Quick Tip we are going to talk about the Singleton design pattern and how it can help you to optimize your code when you need exactly one instance of a class. Step 1: Introduction As a programmer you must be aware that there are some cases where you want to use an instance
Create a Custom Radio Button from Scratch Using Flash

1569 readersUsing the Flash drawing tools we’ll create a nice looking Radio Button that will make use of the Timeline and Mouse Events in ActionScript 3 to perform a user declared action. Final Result Preview Let’s take a look at the final result we will be working towards: Click the top radio box to see how
Quick Tip: Create a Basic Google Search App in Flash

36 readersIn this Quick Tip, I will show you how to create a basic search application featuring the Google search engine. Final Result Preview Let’s take a look at the final result we will be working towards: Step 1: Brief Overview Using a TextField and some Events, we’ll send the search terms to Google and display
Create a Dynamic Bar Graph Generator Using XML + AS3

1276 readers
Creating Ripples in the Medici Fountain

2030 readers