terrypaton.com » Library

AS3 Waving New Zealand Flag

Terry — Wed, 03 Mar 2010 04:43:46 +0000

An Actionscript 3 Flag and compatible with Flash Player 9+. Using a bitmap for the flag from the library this creates perlin noise and applies it as a displacement map to create an simple flag wave. I then add the perlin noise BitmapData on top for highlights using BlendMode.HARDLIGHT. Quite a lot can be achieved with this. Download the source fla here (it’s timeline code) – Download zip Tags: AS3 Flag,

Here’s the code for it too, though it’s probably messy …

import flash.display.*;
//
var flagWidth:Number = 320;
var flagHeight:Number = 240;
//
var _bmpd:BitmapData=new BitmapData(flagWidth,flagHeight,false,0xff0000);
var _bmp:Bitmap=new Bitmap(_bmpd);
var num1:Number=1;
var offset0:Point= new Point(10,10);
var offset1:Point = new Point(10,10);
var offset2:Object = new Point(10,10);

var rippleSize:Number=150;
//
stage.addEventListener(Event.ENTER_FRAME, loop);
var _tempFlag:BitmapData=new flags_sprite(18,10);
var _tflag2:BitmapData=new BitmapData(_tempFlag.width,_tempFlag.height,false,0×000055);
var flagRect:Rectangle=new Rectangle(0,0,_tempFlag.width,_tempFlag.height);
_tflag2.copyPixels(_tempFlag,flagRect,new Point());
//
flagRect=new Rectangle(0,0,_tempFlag.width,_tempFlag.height);
var _flagBitmapData:BitmapData=new BitmapData(flagWidth,flagHeight,false,0×00FF00);
//
var matrix:Matrix = new Matrix();
var scaleVal:Number=flagWidth/flagRect.width;
var scaleVal2:Number=flagHeight/flagRect.height;
matrix.scale(scaleVal,scaleVal2);
flagRect.width*=scaleVal;
flagRect.height*=scaleVal2;
_flagBitmapData.draw(_tflag2,matrix,null,null,flagRect,true);
//
var flag:Bitmap=new Bitmap(_flagBitmapData);
var mapPoint:Point=new Point(0,0);
var channels:uint=BitmapDataChannel.RED;
var componentX:uint=channels;
var componentY:uint=channels;
var scalex:Number=50;
var scaley:Number=100;
var dmode:String=DisplacementMapFilterMode.COLOR;
var color:uint=0;
var dalpha:Number=0;

addChild(flag);
addChild(_bmp);

_bmp.blendMode = BlendMode.HARDLIGHT;
_bmp.alpha = .3
//
function loop(event:Event):void {
offset0.y+=.5;
offset0.x+=5;
offset1.y-=5;
offset1.x-=.5;

offset2.y+=5;
offset2.x+=.5;
_bmpd.perlinNoise(rippleSize, rippleSize,num1, 2, true, true, 3, true,[offset0,offset1,offset2]);
var _filter:DisplacementMapFilter=new DisplacementMapFilter(_bmpd,mapPoint,componentX,componentY,scalex,scaley,dmode,color,dalpha);

var _filtersArray:Array=new Array(_filter);
flag.filters=_filtersArray;
}
stop();

Accessing static var with just class name

Terry — Wed, 11 Nov 2009 00:56:28 +0000

I needed to access a public static var (called ‘description’ in this case), from a class that hasn’t been instantiated. The description var is simply used to fill a text box.

I had several classes all name Test_1, Test_2 etc, All I had was it’s ID number. Something to note though is each class must be referenced in the class so the compiler knows to include it, I did this by storing them in an array.

Main class

package {

import com.*;

import flash.display.Sprite;

import flash.utils.getDefinitionByName;

public class ClassTest extends Sprite {

public function ClassTest() {

var _num:int = 1

var className:String = “com.Test_” + _num

trace(getDefinitionByName(className).description)

}

private var classArray:Array = [Test_1, Test_2]

}

package {

import com.*;

import flash.display.Sprite;

import flash.utils.getDefinitionByName;

public class ClassTest extends Sprite {

public function ClassTest() {

var _num:int = 1

var className:String = “com.Test_” + _num

trace(getDefinitionByName(className).description)

}

private var classArray:Array = [Test_1, Test_2]

}

In the com folder we have two classes …

Test_1

package com {

public class Test_1 extends TestBase {

public function Test_1() {

}

public static var description:String = “DESCRIPTION #1″

}

& Test_2

package com {

public class Test_2 extends TestBase {

public function Test_2() {

}

public static var description:String = “DESCRIPTION #2″

}

Difficulty Graph

Terry — Tue, 10 Nov 2009 07:26:32 +0000

This bit of code came about as I needed a way to make enemies get more progressively more difficult as the player played through levels. I didn’t want the enemies getting difficult at a steady rate, but rather to have a ebb and flow of difficulty, this was the result. X represents the level, and the y represents the difficuly, displayed here as pixels on a bitmap. It’s pretty straightforward and the values can be tweaked to provide a range of results. Leave a comment if you don’t understand!

(Actionscript 3)

Download zip

The code:

var scaleFactor:Number = 1.5;
var _bmpd:BitmapData = new BitmapData(40,40,false,0xff999999);
var _bmp:Bitmap = new Bitmap(_bmpd);
var ypos:Number = 0;
var _rotAmount:Number = 90;
for (var i:int=0; i<40; i++) {
var _rad:Number =( _rotAmount/180)*Math.PI;
var yFactor:Number = ( 1+(i *.01) );
var scaling:Number = i + Math.cos(_rad) * yFactor;
_bmpd.setPixel32 (i,scaling,0xFF0000);
scaleFactor *= 1.01;
_rotAmount+=30;
}
addChild (_bmp);
_bmp.scaleX=_bmp.scaleY=5;

AS3 Camera

terrypaton — Sun, 07 Jun 2009 05:10:43 +0000

This is my first go at setting up a reusable camera class so it may need a bit of tweaking when used in a real situation.
Setup a camera, giving it x,y, render window width and height, zoom, a maximum zoom value, and constraints. The camera will then keep the bitmap edges within the render window frame regardless of the zoom (it works out the furthest you can zoom out based on the constraints you give it, but you can make you maximum zoom whatever you like.
This camera class needs to work with a rendering system to support it, which I have in the main class.
I have used my ‘landscape generator‘ code to make the map for this, but it’s very easlily adapted to using a library bitmap.

Download zip

AS3 Landscape generator

terrypaton — Sat, 06 Jun 2009 09:03:06 +0000

A top down terrain / landscape generator using perlinNoise and paletteMap to create the effect. The gradient that applies the colours can easily be adjusted.
CLICK TO GENERATE NEW IMAGES.

Download zip

Here’s the code …

package {
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.BlendMode;
import flash.display.GradientType;
import flash.display.Shape;
import flash.display.Sprite;
import flash.geom.ColorTransform;
import flash.geom.Matrix;
import flash.geom.Point;
import flash.events.MouseEvent
public class AS3LandscapeGenerator extends Sprite {
public function AS3LandscapeGenerator() {
generatePaletteMap();
bdColor = new BitmapData(320,240,false);
bdNoise = new BitmapData(320,240,false);
var _bmp:Bitmap = new Bitmap(bdColor);
addChild(_bmp);
stage.addEventListener(MouseEvent.CLICK, generate)
generate(null)
}
private var paletteMap:Array;
private var bdColor:BitmapData
private var bdNoise:BitmapData
private function generate(event:MouseEvent):void {
trace(“generate”)
generatePaletteMap();
var seed:int = Math.random() * 30000;
bdColor.perlinNoise(70,70,3,seed,true,true,7,true);
bdColor.paletteMap(bdColor, bdColor.rect, new Point(), paletteMap, [], []);
bdNoise.perlinNoise(2,2,1,seed,true,true,7,true);
bdColor.draw(bdNoise,null,new ColorTransform(1,1,1,.2),BlendMode.OVERLAY);
}
private function generatePaletteMap():void {
paletteMap = [];
var myShape:Shape = new Shape();
var gradientBoxMatrix:Matrix = new Matrix();
gradientBoxMatrix.createGradientBox(256,40,0,0,0);
myShape.graphics.beginGradientFill(GradientType.LINEAR,[0x023175,0x0250C1,0xC7BC96,0x115525,0x725C5A,0x666666,0xFFffff],[1,1,1,1,1,1,1],[0,128,148,157,182,193,218],gradientBoxMatrix);
myShape.graphics.drawRect(0,0,256,10);
myShape.graphics.endFill();
var _bmpData:BitmapData = new BitmapData(256,10,true,0);
var _bit:Bitmap = new Bitmap(_bmpData);
_bmpData.draw(myShape);
_bit.y = 269
for (var n:int = 0;n < 256;n++) {
paletteMap.push(_bmpData.getPixel32(n,0));
}
}

}

AS3 Right Click menu

terrypaton — Thu, 28 May 2009 04:04:43 +0000

Very simple post, and I’ve made this very simply, it’s coded on the timeline in this instance, but I should make it into a class.

Download zip

And here’s the code …

stop ();

var MENU_ITEM_0:String=”www.terrypaton.com”;
var MENU_ITEM_1:String=”Made by Terry!”;
var MENU_ITEM_2:String=”LOW Quality”;
var MENU_ITEM_3:String=”HIGH Quality”;

var myContextMenu:ContextMenu;
myContextMenu = new ContextMenu();
addCustomMenuItems ();

function addCustomMenuItems ():void {
myContextMenu.hideBuiltInItems ();
var defaultItems:ContextMenuBuiltInItems=myContextMenu.builtInItems;
defaultItems.print = false;
var item0:ContextMenuItem=new ContextMenuItem(MENU_ITEM_0);
myContextMenu.customItems.push (item0);
var item1:ContextMenuItem=new ContextMenuItem(MENU_ITEM_1);
myContextMenu.customItems.push (item1);
var item2:ContextMenuItem=new ContextMenuItem(MENU_ITEM_2);
myContextMenu.customItems.push (item2);
var item3:ContextMenuItem=new ContextMenuItem(MENU_ITEM_3);
myContextMenu.customItems.push (item3);

item0.addEventListener (ContextMenuEvent.MENU_ITEM_SELECT, menuItemSelectHandler);
item1.addEventListener (ContextMenuEvent.MENU_ITEM_SELECT, menuItemSelectHandler);
item2.addEventListener (ContextMenuEvent.MENU_ITEM_SELECT, menuItemSelectHandler);
item3.addEventListener (ContextMenuEvent.MENU_ITEM_SELECT, menuItemSelectHandler);

contextMenu=myContextMenu;
}
function menuItemSelectHandler (event:ContextMenuEvent):void {
var request:URLRequest;
switch (event.target.caption) {

case MENU_ITEM_0 :
request=new URLRequest(“http://www.soap.com.au”);
navigateToURL (request, “_blank”);
break;
case MENU_ITEM_2 :
trace(“make low”)
//change quality to low
stage.quality=”LOW”;
break;
case MENU_ITEM_3 :
//change quality to high
stage.quality=”HIGH”;
break;
}
}

AS3 Drop down menu

terrypaton — Fri, 22 May 2009 09:58:25 +0000

A customisable dropdown menu, not the greatest setup, flexible, scrolls and seems to work ok!

Download zip

AS3 Threshold transition effect

terrypaton — Tue, 19 May 2009 21:30:26 +0000

Here’s a simple but effective technique to disolve between images using the bitmapData threshold command. I’ve setup a class that’ll make it easy to apply, but this is really just the start and can be extended and developed quite a bit!

Download zip

AS3 Draw Landscape

terrypaton — Sat, 16 May 2009 03:13:56 +0000

Here’s a small class that I setup to draw a ‘landscape’, well a bunch of wiggly lines at least with a little blurring. Pass a bitmapData and it will draw to it. This could be modified top accept colour parameters and a few other things to make it snazzy.

Download zip

AS3 Mute sounds globally

terrypaton — Tue, 12 May 2009 20:43:44 +0000

var sTransform:SoundTransform = new SoundTransform(1,0);
sTransform.volume = 0;
SoundMixer.soundTransform = sTransform;