binhdocco blog

Simple Tween Engine For AS2

2011-07-14T02:44:00.000-07:00

Copy this code and add to Frame 1 of Scene:

//time: seconds: 0.5 means: .5s
//att: object contains {_x, _y, _xscale, _yscale, _alpha, onComplete, onCompleteParams}
_global.bEngine = new Object();

_global.bEngine.to = function (mc: MovieClip, time: Number, att: Object) {
if (mc.__bEngine_isTweening == true) {
_global.bEngine.kill(mc, false);
}
mc.__bEngine_duration = time*1000;
mc.__bEngine_isTweening == true;
mc.__bEngine_tweenAtt = new Object();
for (var ob in att) {
if (ob == "onComplete") {
mc.__bEngine_onComplete = att[ob];
} else if (ob == "onCompleteParams") {
mc.__bEngine_onCompleteParams = att[ob];
}else {
mc.__bEngine_tweenAtt[ob] = new Object();
mc.__bEngine_tweenAtt[ob]["endValue"] = att[ob];
mc.__bEngine_tweenAtt[ob]["startValue"] = mc[ob];
mc.__bEngine_tweenAtt[ob]["change"] = att[ob] - mc[ob];
}
}
mc.__bEngine_update = function() {
// get progress
var currentDuration = getTimer() - this.__bEngine_startTime;
var _progress = _global.bEngine.easeNone(currentDuration, 0, 1, this.__bEngine_duration);

if ( _progress > 1 ) _progress = 1;
for (var ob in this.__bEngine_tweenAtt) {

this[ob] = this.__bEngine_tweenAtt[ob]["startValue"] + this.__bEngine_tweenAtt[ob]["change"]*_progress;
}
//end animation
if ( currentDuration >= this.__bEngine_duration ) {
delete this.onEnterFrame;
if (this.__bEngine_onComplete != undefined) {
this.__bEngine_onComplete(this.__bEngine_onCompleteParams);
}
}
}
mc.__bEngine_startTime = getTimer();
//trace("begin tween");
mc.onEnterFrame = function() {
this.__bEngine_update();
}
}

_global.bEngine.kill = function(mc: MovieClip, forceFinish: Boolean) {
delete mc.onEnterFrame;
mc.__bEngine_isTweening == false;
mc.__bEngine_onComplete = undefined;
if (forceFinish == true) {
for (var ob in mc.tweenAtt) {
if (ob == "_x" || ob == "_y" || ob == "_xscale" || ob == "_yscale" || ob == "_alpha") {
mc[ob] = mc.tweenAtt[ob];
}
}
}
}

_global.bEngine.easeNone = function(t:Number, b:Number, c:Number, d:Number):Number { return c*t/d+b; }
//function easeIn(t:Number, b:Number, c:Number, d:Number):Number { return c*(t /= d)*t*t*t*t+b; }
//function easeOut(t:Number, b:Number, c:Number, d:Number):Number { return c*((t=t/d-1)*t*t*t*t+1)+b; }

Usage:

import mx.utils.Delegate;

_global.bEngine.to(test_mc, 1, {_x: 800, _alpha: 30,
_xscale: 30, _yscale: 30, _y: test_mc._y + 90,
onComplete: Delegate.create(this, onComplete),
onCompleteParams: [test_mc]});

function onComplete(params: Array) {
trace("onComplete: " + params[0]);
}

Linking MingW32 with psapi

2011-06-01T01:59:00.000-07:00

Here's something I came across that didn't have a good answer when I googled. If you get link errors with MingW32 like:

undefined reference to `GetProcessMemoryInfo@12' or
c:/justinhj/mem.cpp:55: undefined reference to `EnumProcesses@12'

Then you are not linking with the library psapi, and you need it.

To do this just add -lpsapi to your command line. It needs to be last in the list of libraries too!

Source from http://justinsboringpage.blogspot.com/2009/05/linking-mingw32-with-psapi.html

With Eclipse Helios: you add by going to Project > Properties > C/C++ Build > Settings > MinGW C Linker > Libraries, add psapi to it.

String to Number AS2

2011-01-27T23:36:00.001-08:00


function stringToNum(dec_input:String)
{
var sum:Number = 0;
var dec_length:Number = dec_input.length;
var expCnt:Number = dec_length - 1;
for (var i = 0; i <= dec_length-1; i++) {
var dec_value:Number = (dec_input.charCodeAt(i) - 48);
dec_value *= (Math.pow(10, expCnt));
sum += dec_value;
expCnt -= 1;
}
return sum;
}

[Flash CS5] 5005: Unknown error optimizing byte code.

2010-12-16T20:17:00.000-08:00

If you met this error, or you compile swf but it's can not run correctly without any error message. It's mean the java machine's memory is not enough for Flash CS5 to complile.

A solution for all of you who are having this issue again with CS5 here:
http://www.bhootnath.in/blog/?p=73

1. Quit Flash
2. In a text editor, open the jvm.ini file from the following location:

2.1. Windows XP: System Hard Disk\Documents and Settings\\Local Settings\Application Data\Adobe\Flash CS5\\Configuration\ActionScript 3.0\jvm.ini
2.2. Windows Vista or Windows7: System Hard Disk\Users\\AppData\Local\Adobe\Flash CS5\\Configuration\ActionScript 3.0\jvm.ini

(You might need to turn on “show hidden files”winking
3. Change -Xmx128m to -Xmx256m and save the file.

OR -Xmx314m OR -Xmx512m.

Subtraction between 2 dates

2010-11-21T19:38:00.000-08:00

function dateSubtraction(d1y:int,d1m:int,d1d:int, d2y:int,d2m:int,d2d:int): Number {
return (cal2JD(d2y, d2m, d2d, 0, 0, 0) -
cal2JD(d1y, d1m, d1d, 0, 0, 0));
}

function cal2JD(year,month,day,hour,minute,second) {
//
// Compute the Julian Date for a given day, month, year
//
var a = 0; var b = 0;
var gregorian = false;

if (month < 3) { year -= 1; month += 12; }

  // Check if date is in the Gregorian calendar.
  if (year > 1582) { gregorian = true; }
if (year==1582)  {
if (month > 10)              { gregorian = true; }
if ((month==10)&&(day>=15))  { gregorian = true; }
}
if (gregorian==true) { a = intw(year/100); b = 2-a+intw(a/4); }

return (intw(365.25 * year) + intw(30.6001 * (month + 1))
+ day + (hour/24) + (minute/1440) + (second/86400)
+ 1720994.5 + b);
}

function intw(num) {
return parseInt("0" + num,10);  // INT function (like TRUNC).
}

trace(dateSubtraction(2010, 11, 1, 2010, 11, 8)); 
// 7

[Sencha Touch] [List Disclosure] Change icon

2010-11-10T19:10:00.000-08:00

To change discloure icon, you must change two properties: -webkit-mask and -webkit-mask-box-image

For example

.examplelist .x-disclosure {
-webkit-mask: 0 0 url('../images/down-icon.png') no-repeat;
-webkit-mask-box-image: url('../images/down-icon.png');
}

How to get a custom cursor in an AIR Window

2010-07-29T00:47:00.000-07:00

I was testing custom cursors in an AIR Window this past week and I found some strange behavior. If tried to change the default cursor in an AIR Window by calling :

CursorManager.setBusyCursor()

The cursor in the main WindowedApplication changed rather than the cursor in my AIR Window. So, how could I change just the cursor in my AIR Window. The answer is to use a lower case “cursorManager” on the Window. So, I needed to call:

myAIRWindow.cursorManager.setBusyCursor();

Source from http://butterfliesandbugs.wordpress.com/2008/09/04/how-to-get-a-custom-cursor-in-an-air-window/

Programming in Object-C 2.0

2010-07-22T02:29:00.000-07:00

This book is divided into three logical parts. Part I,“The Objective-C 2.0 Language,”
teaches the essentials of the language. Part II,“The Foundation Framework,” teaches how
to use the rich assortment of predefined classes that form the Foundation framework. Part
III,“Cocoa Programming and the iPhone SDK,” gives you an overview of Cocoa’s Application
Kit framework and then walks you through the process of developing a simple
iPhone application using the UIKit framework, and developing and debugging the code
with Xcode and Interface Builder.
A framework is a set of classes and routines that have been logically grouped together to
make developing programs easier. Much of the power of programming in Objective-C
rests on the extensive frameworks that are available.
Chapter 2,“Programming in Objective-C,” begins by teaching you how to write your
first program in Objective-C.
Because this is not a book on Cocoa programming, graphical user interfaces (GUIs)
are not extensively taught and are hardly even mentioned until Part III. So an approach
was needed to get input into a program and produce output. Most of the examples in this
text take input from the keyboard and produce their output in a window: a Terminal
window if you’re using gcc from the command line, or a Console window if you’re using
Xcode.
Chapter 3,“Classes, Objects, and Methods,” covers the fundamentals of object-oriented
programming.This chapter introduces some terminology, but it’s kept to a minimum.
I also introduce the mechanism for defining a class and the means for sending
messages to instances or objects. Instructors and seasoned Objective-C programmers will
notice that I use static typing for declaring objects. I think this is the best way for the student
to get started because the compiler can catch more errors, making the programs
more self-documenting and encouraging the new programmer to explicitly declare the
data types when they are known.As a result, the notion of the id type and its power is not
fully explored until Chapter 9,“Polymorphism, Dynamic Typing, and Dynamic Binding.”

Chapter 4,“Data Types and Expressions,” describes the basic Objective-C data types
and how to use them in your programs.
Chapter 5,“Program Looping,” introduces the three looping statements you can use in
your programs: for, while, and do.
Making decisions is fundamental to any computer programming language. Chapter 6,
“Making Decisions,” covers the Objective-C language’s if and switch statements in detail.
Chapter 7,“More on Classes,” delves more deeply into working with classes and objects.
Details about methods,multiple arguments to methods, and local variables are discussed
here.
Chapter 8,“Inheritance,” introduces the key concept of inheritance.This feature makes
the development of programs easier because you can take advantage of what comes from
above. Inheritance and the notion of subclasses make modifying and extending existing
class definitions easy.
Chapter 9 discusses three fundamental characteristics of the Objective-C language.
Polymorphism, dynamic typing, and dynamic binding are the key concepts covered here.
Chapters 10–13 round out the discussion of the Objective-C language, covering issues
such as initialization of objects, protocols, categories, the preprocessor, and some of the
underlying C features, including functions, arrays, structures, and pointers.These underlying
features are often unnecessary (and often best avoided) when first developing objectoriented
applications. It’s recommended that you skim Chapter 13,“Underlying C
Features,” the first time through the text and return to it only as necessary to learn more
about a particular feature of the language.
Part II begins with Chapter 14,“Introduction to the Foundation Framework,” which
gives an introduction to the Foundation framework and how to access its documentation.
Chapters 15–19 cover important features of the Foundation framework.These include
number and string objects, collections, the file system, memory management, and the
process of copying and archiving objects.
By the time you’re done with Part II, you will be able to develop fairly sophisticated
programs in Objective-C that work with the Foundation framework.
Part III starts with Chapter 20,“Introduction to Cocoa.” Here you’ll get a quick
overview of the Application Kit that provides the classes you need to develop sophisticated
graphical applications on the Mac.
Chapter 21,“Writing iPhone Applications,” introduces the iPhone SDK and the UIKit
framework.This chapter illustrates a step-by-step approach to writing a simple iPhone (or
iTouch) application, followed by a calculator application that enables you to use your
iPhone to perform simple arithmetic calculations with fractions.
Because object-oriented parlance involves a fair amount of terminology,Appendix A,
“Glossary,” provides definitions of some common terms.
Appendix B,“Objective-C Language Summary,” gives a summary of the Objective-C
language, for your quick reference.
Appendix C,“Address Book Source Code,” gives the source code listing for two classes
that are developed and used extensively in Part II of this text.These classes define address card and address book classes. Methods enable you to perform simple operations such as
adding and removing address cards from the address book, looking up someone, listing
the contents of the address book, and so on.
After you’ve learned how to write Objective-C programs, you can go in several directions.
You might want to lean more about the underlying C programming language—or
you might want to start writing Cocoa programs to run on Mac OS X, or develop more
sophisticated iPhone applications. In any case,Appendix D,“Resources,” will guide you in the right direction.
Download

Build ObjectC on Windows with Foundation frameworks

2010-07-20T02:13:00.000-07:00

Use

gcc `gnustep-config --objc-flags` -o hello hello.m -L C:/GNUstep/GNUstep/System/Library/Libraries -lobjc -lgnustep-base

on Shell command line.

view more

Flipbook AS2

2010-07-19T03:43:00.000-07:00

AS2 Pageflip Open source free at pageflip.hu

iPhone touch motion

2010-07-19T01:46:00.000-07:00

View

import flash.events.MouseEvent;
import flash.events.Event;

var totalScene:uint = 4;
var thumbWidth:Number = 317;
var currentIndex:int = 0;
var startMoveX: Number;
var lastMoveX: Number;
/*var startMoveY: Number;
var lastMoveY: Number;*/

var isDragging: Boolean = false;
var desX:Number = 0;

// FOR TEST ON MOUSE

//scene_mc: a top-left movie, contains 4 images with image's width = 317
scene_mc.addEventListener(MouseEvent.MOUSE_DOWN, onSceneMouseBegin);
this.stage.addEventListener(MouseEvent.MOUSE_UP, onSceneMouseUp);
function onSceneMouseBegin(e: MouseEvent): void {        
    isDragging = true;
    startMoveX = this.mouseX;
    //startMoveY = this.mouseY;
    
    scene_mc.startDrag(false, new Rectangle(-scene_mc.width + thumbWidth/2, 0, 
                        scene_mc.width, 0));
    this.removeEventListener(Event.ENTER_FRAME, ef);
    this.addEventListener(Event.ENTER_FRAME, ef);    
}

function onSceneMouseUp(e: MouseEvent): void {        
    scene_mc.stopDrag();
    isDragging = false;

    var diff = lastMoveX - startMoveX;
    if (Math.abs(diff) > 30) {
        if (diff > 0) {
            activeSlide(currentIndex - 1);
        } else {
            activeSlide(currentIndex+1)
        }
        return;
    }
    
    //check pos x if out of range
    var posX: int = Math.abs(scene_mc.x / thumbWidth);
    var plusX: Number = Math.abs(scene_mc.x % thumbWidth);    
    if (Math.abs(plusX) >= thumbWidth/2) posX ++;    
    if (posX >= totalScene) posX = totalScene - 1;
    activeSlide(posX);
}

function getMouseY(): Number {
    return this.mouseY;
}
function ef(e: Event): void {
    lastMoveX = this.mouseX;
    //lastMoveY = this.mouseY;
    if (!isDragging) scene_mc.x += (desX - scene_mc.x)*0.15;
}

function activeSlide(index: int) {
    if (index < 0) index = 0;
    if (index >= totalScene) index = totalScene - 1;
    currentIndex = index;
    desX = -index*thumbWidth;
}

DisplayUtils and fitIntoRect

2010-07-19T00:07:00.000-07:00

Useful to create thumbnails and resizing

From http://blog.soulwire.co.uk/code/actionscript-3/fit-a-displayobject-into-a-rectangle

Slide Transition

2010-07-18T21:18:00.000-07:00

View DEMO

How to use:

import binhpro.SlideTransition;
import binhpro.ClickPageEvent;
var mcs: Array = [mc_1, mc_2,mc_3,mc_4];

//width of the mask in NORMAL, MAX, MIN width
var options: Object = new Object();
options["normal_width"] = 150;
options["max_width"] = 317;
options["min_width"] = 94;

var slideTran: SlideTransition = new SlideTransition(this, mcs, options, 0, true);
slideTran.addEventListener(ClickPageEvent.CLICK_PAGE_EVENT, onPageClicked);
    
function onPageClicked(event: ClickPageEvent) {
    var page: MovieClip = event.mc;
    trace("page is clicked: " + page.name);
}

SlideTransition.as

package binhpro { //binhpro.SlideTransition
    import binhpro.utils.ImageUtils;
    import flash.display.MovieClip;
    import flash.events.EventDispatcher;
    import flash.events.MouseEvent;
    import gs.TweenMax;
    
    /**
     * ...
     * @author binhdocco
    
    Event:  ClickPageEvent, type: ClickPageEvent.CLICK_PAGE_EVENT
    Usage:
    
    var options: Object = new Object();
    options["normal_width"] = 348;
    options["max_width"] = 792;
    options["min_width"] = 200;

    var slideTransition: SlideTransition = new SlideTransition(this, 
                            [page1, page2, page3, page4], 
                            options);
    slideTransition.addEventListener(ClickPageEvent.CLICK_PAGE_EVENT, onPageClicked);
    
    function onPageClicked(event: ClickPageEvent) {
        var page: MovieClip = event.mc;
        trace("page is clicked: " + page.name);
    }
     */
    public class SlideTransition extends EventDispatcher {
        
        private var mainmc: MovieClip;
        private var mcs: Array;
        private var verGap: Number;
        private var useBW: Boolean;
        
        private var NORMAL_WIDTH: Number = 210;// 212;
        private var MAX_WIDTH: Number = 650;// 353.3;
        private var MIN_WIDTH: Number = 122;    
        
        private var activeMC: MovieClip;
        
        public function SlideTransition(mmc: MovieClip, mcs: Array, 
                                        options: Object = null, vergap: Number = 4,
                                        useBlackAndWhiteAsNormal: Boolean = true) {
            this.mcs = mcs;
            this.mainmc = mmc;
            this.verGap = vergap;        
            this.useBW = useBlackAndWhiteAsNormal;
            if (options) {
                NORMAL_WIDTH = options['normal_width'];
                MAX_WIDTH = options['max_width'];
                MIN_WIDTH = options['min_width'];
            }
            reArrange();            
        }
        
        private function reArrange():void {
            var xpos: Number = NORMAL_WIDTH/2;            
            for (var i:int = 0; i < mcs.length; i++) {
                var mc: MovieClip = mcs[i] as MovieClip;
                mc.x = xpos;
                xpos += NORMAL_WIDTH + verGap;    
                
                mc.buttonMode = true;
                mc.pos = i;
                mc.active = false;
                if (mc.text_mc) {
                    mc.textX = mc.text_mc.x;
                    mc.text_mc.mouseEnabled = false;
                }
                if (useBW) {
                    ImageUtils.blackAndWhite(mc, true);
                    mc.addEventListener(MouseEvent.MOUSE_OVER, onOver);
                    mc.addEventListener(MouseEvent.MOUSE_OUT, onOut);
                }
                
                if (mc.img) mc.img.addEventListener(MouseEvent.CLICK, onClick);
                if (mc.close_btn) mc.close_btn.addEventListener(MouseEvent.CLICK, onClose);
            }
        }    
        
        private function onOut(e:MouseEvent):void {
            if (activeMC != e.currentTarget) {
                ImageUtils.blackAndWhite(e.currentTarget as MovieClip, true);
            }
        }
        
        private function onOver(e:MouseEvent):void {
            if (activeMC != e.currentTarget) {
                ImageUtils.blackAndWhite(e.currentTarget as MovieClip, false);
            }
        }
        
        private function onClose(e:MouseEvent):void {
            //trace("onClose: " + e.eventPhase);
            if (useBW && activeMC) ImageUtils.blackAndWhite(activeMC, true);
            activeMC = null;
            doArrange();
        }
        
        private function onClick(e:MouseEvent):void {
            //trace("onClick: " + e.eventPhase);
            var clickedMC: MovieClip = e.currentTarget.parent as MovieClip;
            if (activeMC) {
                if (useBW) ImageUtils.blackAndWhite(activeMC, true);
                if (activeMC.name != clickedMC.name) {                    
                    activeMC = clickedMC;                                        
                } else {                    
                    if (useBW && activeMC) ImageUtils.blackAndWhite(activeMC, false);
                    //activeMC = null;
                    //jump page event
                    var jumpEvent: ClickPageEvent = new ClickPageEvent();
                    jumpEvent.mc = activeMC;
                    this.dispatchEvent(jumpEvent);
                    return;
                }
            } else {
                activeMC = clickedMC;                
            }                    
            if (useBW && activeMC) ImageUtils.blackAndWhite(activeMC, false);
            doArrange();            
        }
        
        private function doArrange():void {
            //trace("doArrange");
            TweenMax.killAllTweens();
            var xpos: Number = NORMAL_WIDTH / 2;    
            for (var i:int = 0; i < mcs.length; i++) {
                var mc: MovieClip = mcs[i] as MovieClip;
                if (activeMC) {        
                    if (activeMC.name == mc.name) {
                        if (i == 0) xpos = 0;
                        xpos += MAX_WIDTH / 2;
                    } else {
                        if (i == 0) xpos = 0;
                        xpos += MIN_WIDTH / 2;
                    }                    
                }                 
                TweenMax.to(mc, 0.4, { x: xpos } );
                if (activeMC) {                    
                    if (activeMC.name == mc.name) {
                        xpos += MAX_WIDTH/2 + verGap;
                        TweenMax.to(activeMC.mask_mc, 0.4, { width: MAX_WIDTH } );
                        if (mc.text_mc)
                            TweenMax.to(mc.text_mc, 0.4, { x: MAX_WIDTH/2 } );
                    } else {
                        xpos += MIN_WIDTH/2 + verGap;
                        TweenMax.to(mc.mask_mc, 0.4, { width: MIN_WIDTH } );
                        if (mc.text_mc)
                            TweenMax.to(mc.text_mc, 0.4, { x: MIN_WIDTH/2 } );
                    }
                } else {
                    xpos += NORMAL_WIDTH + verGap;
                    TweenMax.to(mc.mask_mc, 0.4, { width: NORMAL_WIDTH } );
                    if (mc.text_mc)
                        TweenMax.to(mc.text_mc, 0.4, { x: mc.textX } );
                }
            }
        }
        
    }
    
}

ClickPageEvent.as

package binhpro { //binhpro.ClickPageEvent
    import flash.display.MovieClip;
    import flash.events.Event;
    
    /**
     * ...
     * @author binhdocco

     */
    public class ClickPageEvent extends Event {
        
        public static const CLICK_PAGE_EVENT: String = "CLICK_PAGE_EVENT";
        
        public var mc: MovieClip;
        
        public function ClickPageEvent(type: String = CLICK_PAGE_EVENT) {
            super(type);
        }
        
    }
    
}

ImageUtils.as

package binhpro.utils { // binhpro.utils.ImageUtils
    import flash.display.DisplayObject;
    import flash.filters.ColorMatrixFilter;
    /**
     * ...
     * @author binhdocco

     */
    public class ImageUtils{    
        
        // from http://snipplr.com
        public static function blackAndWhite($target:DisplayObject, $enabled:Boolean):void {
            if ($enabled) {
                var rc:Number = 1/3;
                var gc:Number = 1/3;
                var bc:Number = 1/3;
                var cmf:ColorMatrixFilter = new ColorMatrixFilter(
                            [rc, gc, bc, 
                            0, 0, rc, gc, bc, 
                            0, 0, rc, gc, bc, 
                            0, 0, 0, 0, 0, 1, 0]);            
                $target.filters = [cmf];
            } else {
                $target.filters = [];
            }
        }
        
    }

}

Grid of Items Container

2010-07-16T00:04:00.000-07:00

This post introduces to you a container that can help you create a grid of items that list in horizontal or vertical direction.

You can customize the ItemRenderer and ScrollBar by passing the name of it's Linkage Class.

HORIZONTAL CANVAS:

VIEW

VERTICAL CANVAS:

VIEW

EXAMPLE CODE:

import binhdocco.containers.canvas.Canvas;
import binhdocco.containers.events.ItemEvent;

var canvas: Canvas = new Canvas();

// dataProvider is an array of objects, contains information of an item
canvas.dataProvider = [1, 1, 1, 1, 2, 2, 2, 2, 3, 3, 3, 4, 4, 4];

canvas.itemRenderer = SampleItemRenderer;
canvas.vScrollbar = vScrollBar;
//canvas.hScrollbar = hScrollBar;
canvas.limitValue = 5;

canvas.viewWidth = 475;
canvas.viewHeight = 280;
canvas.x = 60;
canvas.y = 60;

//canvas.itemPaddingX = 30;
//canvas.itemPaddingY = 5;
//canvas.direction = "horizontal";
this.addChild(canvas);

canvas.addEventListener(ItemEvent.ITEM_CLICK, onItemClick);
canvas.addEventListener(ItemEvent.ITEM_ROLL_OVER, onItemOver);
canvas.addEventListener(ItemEvent.ITEM_ROLL_OUT, onItemOut);

function onItemClick(e: ItemEvent) {
    output_txt.text = "Item Clicked: " + e.itemRenderer.name + "\n";
    (output_txt as TextField).appendText("Item data info: " + e.itemRenderer.data.toString());
}
function onItemOver(e: ItemEvent) {
    output_txt.text = "Item Over: " + e.itemRenderer.name + "\n";
    (output_txt as TextField).appendText("Item data info: " + e.itemRenderer.data.toString());
}
function onItemOut(e: ItemEvent) {
    output_txt.text = "Item Out: " + e.itemRenderer.name + "\n";
    (output_txt as TextField).appendText("Item data info: " + e.itemRenderer.data.toString());
}

Checkout SVN: https://flashtraining.googlecode.com/svn/trunk/AS3/BDCFramework

Testing local or online

2010-07-14T03:21:00.000-07:00

AS3
if(stage.loaderInfo.url.indexOf("file:") != -1)
{
    trace("Local");
}else{
    trace("Server");
}

AS2
if(_url.indexOf("file") != -1){ 
    trace("Local");
}else{
    trace("Server");
}

From Snipplr

Access the _root (AS2) in AS3

2010-07-13T23:38:00.000-07:00

In AS2, we can use _root to access the first level movie.

In AS3, we use

(stage.getChildAt(0) as MovieClip)

Useful Flash MXP Tool

2010-07-13T20:14:00.000-07:00

This tool help you design faster, with 5 figures below:

1.MouseEvent: auto generate Click, RollOver, RollOut code for selected instance.
2.Reflection: auto generate a reflection of selected instance, a selected instance must has registration point at Top-Left, and does not be scaled, please scale its children if you want to make it larger.
3. Clean library: make the library clean, automatic does arrange movies into Movies folder, buttons to Buttons folder, ...
4. Object to movie-button: does create a movie-button of selected object in stage, such as text, shape, image. Frame 1 is normal state, frame 2 is roll-over state.
5. Create transparent movie-button: does create a transparent movie-button and add it into your stage, it is useful to cover the 'popup movie', don't allow users click through the behind interactive objects.

Supported IDE: Flash CS3, CS4, CS5, with AS2 and AS3.

Download here

Image Book

2010-07-12T23:39:00.000-07:00

VIEW

Easy mouse panning

2010-07-12T21:47:00.000-07:00

Make the movie panning with moving mouse.

Example:
View

Source code:


stage.addEventListener(MouseEvent.MOUSE_MOVE,mouseMoved)
stage.addEventListener(Event.ENTER_FRAME,enterFrame)
var newXPos = stage.stageWidth/2 -img_mc.width/2;
var newYPos = stage.stageHeight/2 -img_mc.height/2;
function mouseMoved(e){
    var xPercent = mouseX / stage.stageWidth;
    newXPos = (stage.stageWidth - img_mc.width) * xPercent;
    var yPercent = mouseY / stage.stageHeight;
    newYPos = (stage.stageHeight - img_mc.height) * yPercent;    
}

function enterFrame(e: Event) {
    img_mc.x += (newXPos - img_mc.x)*0.15;
    img_mc.y += (newYPos - img_mc.y)*0.15;
}

Code on the thumbnail map:

this.addEventListener(Event.ENTER_FRAME, onEF);
var theImage:MovieClip = (this.parent as MovieClip).img_mc;
var px:Number = 0;
var py:Number = 0;

function onEF(e: Event) {
    px = theImage.x;
    py = theImage.y;
    
    thumb_mc.x = px*thumb_mc.width/theImage.width;
    thumb_mc.y = py*thumb_mc.height/theImage.height;
    
    thumb2_mc.x = thumb_mc.x;
    thumb2_mc.y = thumb_mc.y;
}

Global Dispatcher

2010-07-12T02:54:00.001-07:00

The purpose of this post is to use a dispatcher class to handle events between all content movies in a project.

For example, in movie A, you want to notify an event to movie B and movie C, instead of using movieA.addEventListener(movieAEvent) in movie B and movie C, now we only need to use simple below code in movie A:

var dispatcher: Dispatcher = new Dispatcher();
dispatcher.dispatchEvent(movieAEvent);

and in movie B and movie C, we use:

var dispatcher: Dispatcher = new Dispatcher();
dispatcher.addEventListener(movieAEvent, eventHandler);

The Dispatcher class can also use for communication between any objects with any instances or the stage. Very simple and useful.

package com.binhdocco.dispatcher {
    import flash.events.Event;
    import flash.events.EventDispatcher;
    import flash.events.IEventDispatcher;
    
    /**
     * ...
     * @author binhdocco

     */
    public class Dispatcher implements IEventDispatcher {
        
        protected static var disp: EventDispatcher;
        
        public function Dispatcher() {            
            if (disp == null)
                disp = new EventDispatcher();
        }
        
        /* INTERFACE flash.events.IEventDispatcher */
        
        public function addEventListener(type:String, listener:Function, 
                                        useCapture:Boolean = false, priority:int = 0, 
                                        useWeakReference:Boolean = false):void{
            disp.addEventListener(type, listener, useCapture, priority, useWeakReference);
        }
        
        public function dispatchEvent(event:Event):Boolean {            
            return disp.dispatchEvent(event);
        }
        
        public function hasEventListener(type:String):Boolean{
            return disp.hasEventListener(type);
        }
        
        public function removeEventListener(type:String, listener:Function, 
                                            useCapture:Boolean = false):void{
            disp.removeEventListener(type, listener, useCapture);
        }
        
        public function willTrigger(type:String):Boolean{
            return disp.willTrigger(type);
        }
        
    }

}

Return a % that a number is between 2 other numbers

2010-07-01T01:12:00.000-07:00

/**
         * Returns a percentage of a value in between 2 other numbers.
         * @param bottomRange  low end of the range.
         * @param  topRange  top end of the range.
         * @param  valueInRange value to find a range percentage of.
         * @return The percentage of valueInRange in the range.
         *  @use getPercentWithinRange( 50, 150, 100 );  // displays 50
         */
        public static function getPercentWithinRange( bottomRange:Number, 
                        topRange:Number, 
                        valueInRange:Number ):Number
        {
            // normalize values to work off zero
            if (bottomRange < 0)
            {
                var addToAll:Number = Math.abs(bottomRange);
                bottomRange +=  addToAll;
                topRange +=  addToAll;
                valueInRange +=  addToAll;
            }
            else if ( bottomRange > 0 )
            {
                var subFromAll:Number = Math.abs(bottomRange);
                bottomRange -=  subFromAll;
                topRange -=  subFromAll;
                valueInRange -=  subFromAll;
            }
            // simple calc to get percentage 
            return 100 * ( valueInRange / ( topRange - bottomRange ) );
        }

from Snipplr

Random Range

2010-06-30T21:23:00.000-07:00

protected function getRandRange(minNum: Number, maxNum: Number):Number {
   return (Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum);
  }

protected function getDistance(p1: Point, p2: Point): Number {
   var dx: Number = p1.x - p2.x;
   var dy: Number = p1.y - p2.y;
   return Math.sqrt(dx*dx + dy*dy);
  }

Optimizing Performance for the Adobe Flash Platform

2010-06-30T00:40:00.000-07:00

Here are the chapters :

1. Introduction
2. Conserving memory
3. Minimizing CPU usage
4. ActionScript 3.0 performance
5. Rendering performance
6. Optimizing network interaction
7. Working with media
8. SQL Database performance
9. Benchmarking and deploying

Link HTML
PDF PDF

Unload content from SwfLoader Flex

2010-06-15T00:07:00.000-07:00

Use:

(swfLoader.content.parent as Loader).unload();

To remove the content loaded into SwfLoader

jQuery Plugin Structure

2010-06-11T01:41:00.000-07:00

Main Structure

//You need an anonymous function to wrap around your function to avoid conflict
(function($){

//Attach this new method to jQuery
$.fn.extend({

//This is where you write your plugin's name
pluginname: function() {

//Iterate over the current set of matched elements
return this.each(function() {

//code to be inserted here

});
}
});

//pass jQuery to the function,
//So that we will able to use any valid Javascript variable name
//to replace "$" SIGN. But, we'll stick to $ (I like dollar sign: ) )
})(jQuery);

Plugin with Options:

(function($){

  $.fn.extend({ 
   
  //pass the options variable to the function
   pluginname: function(options) {


   //Set the default values, use comma to separate the settings, example:
   var defaults = {
    padding: 20,
    mouseOverColor : '#000000',
    mouseOutColor : '#ffffff'
   }
    
   var options =  $.extend(defaults, options);

      return this.each(function() {
    var o = options;
    
    //code to be inserted here
    //you can access the value like this
    alert(o.padding);
   
      });
     }
 });
 
})(jQuery);

Example: The animateMenu Plugin

* animatePadding : Set the padding value for the animate effect
* defaultPadding : Set the default padding value
* evenColor : Set the color this color if index value is even number
* oddColor : Set the color this color if index value is odd number

(function($){
 $.fn.extend({ 
  //plugin name - animatemenu
  animateMenu: function(options) {

   //Settings list and the default values
   var defaults = {
    animatePadding: 60,
    defaultPadding: 10,
    evenColor: '#ccc',
    oddColor: '#eee'
   };
   
   var options = $.extend(defaults, options);
  
      return this.each(function() {
    var o =options;
    
    //Assign current element to variable, in this case is UL element
    var obj = $(this);    
    
    //Get all LI in the UL
    var items = $("li", obj);
      
    //Change the color according to odd and even rows
    $("li:even", obj).css('background-color', o.evenColor);    
     $("li:odd", obj).css('background-color', o.oddColor);       
      
    //Attach mouseover and mouseout event to the LI  
    items.mouseover(function() {
     $(this).animate({paddingLeft: o.animatePadding}, 300);
     
    }).mouseout(function() {
     $(this).animate({paddingLeft: o.defaultPadding}, 300);
    });
    
      });
     }
 });
})(jQuery);

#$(document).ready(function() {
# $('#menu').animateMenu({animatePadding: 30, defaultPadding:10});
#});

# ul id="menu"
# li>Home
# li>Posts
# li>About
# li>Contact
# ul

Ref link: http://www.queness.com/post/112/a-really-simple-jquery-plugin-tutorial

Common gesture and touch descriptions

2010-06-09T23:31:00.000-07:00

Pan
Move a finger left-to-right or right-to-left. Some devices require two fingers to pan.

Rotate
Touch two fingers down, then move them around in a circle (as if they’re both simultaneously tracing an imaginary circle on a surface). The pivot point is set at the midpoint between the two finger touch points.

Swipe
Move three fingers left-to-right or right-to-left, top-to-bottom, or bottom-to-top, quickly.

Zoom
Touch two fingers down, then move them away from each other to zoom in and toward each other to zoom out.

Press-and-tap
Move or press one finger, then tap the surface with another.

[Flex] SwfLoader tips: force 2 swf files always play at 1st frame at the same time

2010-05-06T02:21:00.000-07:00

Use another SwfLoader to preload, when loading done, use your SwfLoader to load it

[Flex] Bug CPU Usage > 50% when loading swfs via SwfLoader in AIR

2010-05-06T00:28:00.000-07:00

Avoid using transparent mode = TRUE in AIR WindowedApplication.

[Flex] Bug Infinity from httpService

2010-05-06T00:26:00.000-07:00

It is from parsing function when resultFormat = "object", use resultFormat = "text" to avoid this.

Scale object size to stage size

2010-02-08T20:26:00.001-08:00

var sw:Number = stage.stageWidth,
var sh:Number = stage.stageHeight;

if( sw/sh < c.width/c.height ) // (or the opposite depending on the way of scaling)
{
    c.width = Math.min(origW,sw);
    c.scaleY = c.scaleX = Math.min(1, c.scaleX);
}
else
{
    c.height = Math.min(origH,sh);
    c.scaleX = c.scaleY = Math.min(1, c.scaleY);
}

Rotation Angle Issue

2009-03-04T19:58:00.000-08:00

When transitioning an angle with value > 180 or < 0, using this function to fix the problem.

function properRotation(target_rotation,my_rotation,smooth) {
var rot =target_rotation-my_rotation;
while (rot<0) {
rot += 360;
}
while (rot>180) {
rot -= 360;
}
my_rotation += rot/smooth;
return my_rotation;
}

Thanks the thread from http://www.mail-archive.com/away3d-dev@googlegroups.com/msg02572.html

Case 2:

Simple as using

var diffAngle:Number = Math.atan2(Math.sin(angleTo - currentAngle), 
                Math.cos(angleTo - currentAngle));

Example:

var currentAngle: Number = 0;
var angleTo: Number = 120 * Math.PI / 180;
var diffAngle:Number = Math.atan2(Math.sin(angleTo - currentAngle), 
            Math.cos(angleTo - currentAngle));

diffAngle = Math.round(diffAngle*180 / Math.PI);

trace("diffAngle: " + diffAngle);

Water Effect AS2

2009-02-27T01:18:00.001-08:00

import flash.display.BitmapData;
import flash.filters.ConvolutionFilter;
import flash.filters.DisplacementMapFilter;
import flash.geom.ColorTransform;
import flash.geom.Matrix;
import flash.geom.Point;
import flash.geom.Rectangle;
import mx.utils.Delegate;
/**
* ...
* @author binhdocco
*/
class WaterEffect extends Object {
private var mc: MovieClip;
private var IMAGE_WIDTH: Number;
private var IMAGE_HEIGHT: Number;
private var IMAGE_ID: String;
private var damper: BitmapData;
private var result: BitmapData;
private var result2: BitmapData;
private var source: BitmapData;
private var buffer: BitmapData;
private var output: BitmapData;
private var surface: BitmapData;
private var bounds: Rectangle;
private var origin: Point;
private var wave: ConvolutionFilter;
private var damp: ColorTransform;
private var water: DisplacementMapFilter;
private var matrix: Matrix;
private var matrix2: Matrix;
private var mouseUp: Boolean = true;

public function WaterEffect(mc: MovieClip, imageId: String) {
this.mc = mc;
this.IMAGE_ID = imageId;
surface= BitmapData.loadBitmap(this.IMAGE_ID);
var tempMC: MovieClip = mc.createEmptyMovieClip("dummy_mc", mc.getNextHighestDepth());
tempMC.attachBitmap(surface, 1);
this.IMAGE_WIDTH = tempMC._width;
this.IMAGE_HEIGHT = tempMC._height;
tempMC.removeMovieClip();
damper= new BitmapData(IMAGE_WIDTH/2, IMAGE_HEIGHT/2, false, 128);
result= new BitmapData(IMAGE_WIDTH/2, IMAGE_HEIGHT/2, false, 128);
result2= new BitmapData(IMAGE_WIDTH, IMAGE_HEIGHT, false, 128);
source= new BitmapData(IMAGE_WIDTH/2, IMAGE_HEIGHT/2, false, 128);
buffer= new BitmapData(IMAGE_WIDTH/2, IMAGE_HEIGHT/2, false, 128);
output= new BitmapData(IMAGE_WIDTH, IMAGE_HEIGHT, true, 128);

bounds= new Rectangle(0, 0, IMAGE_WIDTH/2, IMAGE_HEIGHT/2);
origin= new Point();
matrix= new Matrix();
matrix2= new Matrix();
matrix2.a = matrix2.d = 2;
wave= new ConvolutionFilter(3, 3, [1, 1, 1, 1, 1, 1, 1, 1, 1], 9, 0);
damp= new ColorTransform(0, 0, 9.960937E-001, 1, 0, 0, 2, 0);
water= new DisplacementMapFilter(result2, origin, 4, 4, 32, 32, "ignore");

this.mc.attachBitmap(output, 0);

var thisObj = this;
mc.onEnterFrame = Delegate.create(this, enterFrame);
mc.onMouseUp = function() {
thisObj.mouseUp = true;
}
mc.onMouseDown = function() {
thisObj.mouseUp = false;
}
}

private function enterFrame():Void {
if (mouseUp)
{
var xMouse = this.mc._xmouse / 2;
var yMouse = this.mc._ymouse / 2;
source.setPixel(xMouse + 1, yMouse, 16777215);
source.setPixel(xMouse - 1, yMouse, 16777215);
source.setPixel(xMouse, yMouse + 1, 16777215);
source.setPixel(xMouse, yMouse - 1, 16777215);
source.setPixel(xMouse, yMouse, 16777215);
} // end if
result.applyFilter(source, bounds, origin, wave);
result.draw(result, matrix, null, "add");
result.draw(buffer, matrix, null, "difference");
result.draw(result, matrix, damp);
result2.draw(result, matrix2, null, null, null, true);
output.applyFilter(surface, new Rectangle(0, 0, IMAGE_WIDTH, IMAGE_HEIGHT), origin, water);

buffer = source;
source = result.clone();
}

}

ImageGallery 1

2009-02-27T00:09:00.001-08:00

package blueroad.todo.imagegallery1 { //blueroad.todo.imagegallery1.ImageGallery1
import blueroad.base.PaperBase;
import caurina.transitions.Tweener;
import com.pixelfumes.reflect.ReflectBitmap;
import flash.display.Bitmap;
import flash.display.MovieClip;
import org.papervision3d.core.utils.InteractiveSceneManager;
import org.papervision3d.events.FileLoadEvent;
import org.papervision3d.events.InteractiveScene3DEvent;
import org.papervision3d.materials.BitmapFileMaterial;
import org.papervision3d.materials.BitmapMaterial;
import org.papervision3d.objects.primitives.Plane;

/**
* ...
* @author binhdocco
*/
public class ImageGallery1 extends PaperBase {

private var num:uint = 0;
private var totalThumbs:uint = 0;
private var planes: Array;
private var currentIndex: int = 0;
public var isShowingLargeImage: Boolean = false;
//PLANE STATUS
public const STATUS_HOVER: String = "STATUS_HOVER";
public const STATUS_NORMAL: String = "STATUS_NORMAL";
public const STATUS_ACTIVE: String = "STATUS_ACTIVE";
public const STATUS_TWEENING: String = "STATUS_TWEENING";
public function ImageGallery1() {
this.init();
}

override protected function init2d():void {
super.init2d();
totalThumbs = Global_ImageGallery1.resourceManager.total;
planes = new Array();
}

override protected function init3d():void {
//super.init3d();
current_camera.zoom = 10;
current_camera.z = 1000;
current_camera.x = 8000;

createThumb();
}

private function createThumb():void {
num = 0;
for (var i:int = 0; i < totalThumbs; i++) {
var thumbXML: XML = Global_ImageGallery1.resourceManager.imageXMLList[i];
var thumb: String = Global_ImageGallery1.resourceManager.sourceImagePath + "/" + thumbXML.@image_icon;
var image: String = Global_ImageGallery1.resourceManager.sourceImagePath + "/" + thumbXML.@image;

var mat: BitmapFileMaterial = new BitmapFileMaterial(thumb as String);
mat.updateBitmap();
//mat.doubleSided = true;
mat.smooth = true;
mat.interactive = true;
mat.extra = {id: i, image: image, index: i };
mat.addEventListener(FileLoadEvent.LOAD_COMPLETE, createPlane);
}
}

private function onOutPlane(e:InteractiveScene3DEvent):void {
if (isShowingLargeImage) return;
current_viewport.buttonMode = false;
var plane: Plane = e.displayObject3D as Plane;
if (plane.extra.status == STATUS_HOVER) {
if (!Tweener.isTweening(current_camera)) {
var x = plane.extra.pos.x;
var z = plane.extra.pos.z;
var refPlane: Plane = current_scene.getChildByName("refPlane" + plane.extra.id) as Plane;
Tweener.addTween(plane, { x:x, z:z, time:1, transition:"easeOutCubic" } );
Tweener.addTween(refPlane, { x:x, z:z, time:1, transition:"easeOutCubic" } );
}
plane.extra.status = STATUS_NORMAL;
}

}

private function onOverPlane(e:InteractiveScene3DEvent):void {
if (isShowingLargeImage) return;
current_viewport.buttonMode = true;
var plane: Plane = e.displayObject3D as Plane;
if (plane.extra.status == STATUS_NORMAL) {
if (!Tweener.isTweening(current_camera)) {
var x = plane.extra.pos.x + 200 * Math.sin(55 * (Math.PI / 180));
var z = plane.extra.pos.z - 200 * Math.cos(55 * (Math.PI / 180));

var refPlane: Plane = current_scene.getChildByName("refPlane" + plane.extra.id) as Plane;

Tweener.addTween(plane, { x:x, z:z, time:1, transition:"easeOutCubic" } );
Tweener.addTween(refPlane, { x:x, z:z, time:1, transition:"easeOutCubic" } );
}
plane.extra.status = STATUS_HOVER;
}
}

private function onPressPlane(e:InteractiveScene3DEvent):void {
if (isShowingLargeImage) return;
var plane: Plane = e.displayObject3D as Plane;
//if (plane.extra.index != currentIndex) {
if (plane.extra.status != STATUS_ACTIVE) {
currentIndex = plane.extra.index;
arrangeThumbAt(currentIndex);
} else {
var imageDisplay: ImageDisplay = MovieClip(this.parent).imageLoader_mc as ImageDisplay;
imageDisplay.loadImage(plane.extra.image);
}
//}
}

private function createPlane(e: FileLoadEvent):void {
var mat: BitmapFileMaterial = e.target as BitmapFileMaterial;
var plane: Plane = new Plane(mat, mat.bitmap.width, mat.bitmap.height, 4, 4);
plane.addEventListener(InteractiveScene3DEvent.OBJECT_OVER, onOverPlane);
plane.addEventListener(InteractiveScene3DEvent.OBJECT_OUT, onOutPlane);
plane.addEventListener(InteractiveScene3DEvent.OBJECT_CLICK, onPressPlane);
plane.extra = mat.extra;
plane.extra.status = STATUS_NORMAL;
planes.push(plane);
//reflect
var refBitmap: Bitmap = ReflectBitmap.getReflectBitmap(mat.bitmap, 100, 0.5);
refBitmap.cacheAsBitmap = true;
var refMat: BitmapMaterial = new BitmapMaterial(refBitmap.bitmapData);
refMat.smooth = true;
//refMat.doubleSided = true;
var refPlane: Plane = new Plane(refMat, refMat.bitmap.width, refMat.bitmap.height, 4, 4);
refPlane.extra = { };
//
default_scene.addChild(plane, "plane" + plane.extra.id);
default_scene.addChild(refPlane, "refPlane" + plane.extra.id);
//num ++;
/*if (num >= totalThumbs - 1) */arrangeThumb();
}

private function arrangeThumb():void {
for (var i:int = 0; i < planes.length; i++) {
var plane: Plane = planes[i] as Plane;
var rotationY: Number = 0;
if (i > 0)
{
rotationY = 35;
} else {
plane.extra.status = STATUS_ACTIVE;
}

var x = -100 + Math.cos(55 * (Math.PI / 180)) * 200 * i;
var z = Math.sin(55 * (Math.PI / 180)) * 200 * i;
var y = 0;
plane.extra.pos = { x: x, z: z };
var refPlane: Plane = current_scene.getChildByName("refPlane" + plane.extra.id) as Plane;
refPlane.extra.pos = { x: x, z: z };
Tweener.addTween(plane, { rotationY: rotationY, x: x, y: y, z: z, time: .5 , transition:"easeOutBack" } );
Tweener.addTween(refPlane, { rotationY: rotationY, x: x, y: y - refPlane.material.bitmap.height - 2, z: z, time: .5 , transition:"easeOutBack" } );
}
if (i == (totalThumbs - 1)) {
Tweener.addTween(current_camera, { z: -1000, x:0, time:6, delay:0.3, transition:"easeOutBack" } );
}
}

//
private function arrangeThumbAt(index: int):void {
for (var i:int = 0; i < planes.length; i++) {
var plane: Plane = planes[i] as Plane;
var dis: int = plane.extra.index - index;
var rotationY: Number = 0;

if (dis != 0)
{
rotationY = 35;
plane.extra.status = STATUS_TWEENING;
} else {
plane.extra.status = STATUS_ACTIVE;
}
var pos: int = 0;
if (dis > 0) {
pos = dis;
} else if (dis < 0) {
pos = planes.length + dis;
}

var x = -100 + Math.cos(55 * (Math.PI / 180)) * 200 * pos;
var z = Math.sin(55 * (Math.PI / 180)) * 200 * pos;
var y = 0;
plane.extra.pos = { x: x, z: z};
plane.extra.index = pos;

var refPlane: Plane = current_scene.getChildByName("refPlane" + plane.extra.id) as Plane;
refPlane.extra.pos = { x: x, z: z };

Tweener.removeTweens(plane);
Tweener.removeTweens(refPlane);
if (dis > 0) {
Tweener.addTween(plane, { rotationY: rotationY , x: x, z: z, time: 1.5 , transition:"easeOutBack", onComplete: turnNormal, onCompleteParams: [plane] } );
Tweener.addTween(refPlane, { rotationY: rotationY , x: x, z: z, time: 1.5 , transition:"easeOutBack"} );
} else if (dis < 0) {
Tweener.addTween(plane, {rotationY: rotationY , x: plane.x - 2500, z: plane.z - 2500, time: .8 , transition:"easeOutBack", onComplete: continue1, onCompleteParams: [plane]} );
Tweener.addTween(refPlane, {rotationY: rotationY , x: refPlane.x - 2500, z: refPlane.z - 2500, time: .8 , transition:"easeOutBack", onComplete: continue1, onCompleteParams: [refPlane]} );
} else {
Tweener.addTween(plane, { rotationY: rotationY , x: x, z: z, time: 1.5 , transition:"easeOutBack"} );
Tweener.addTween(refPlane, { rotationY: rotationY , x: x, z: z, time: 1.5 , transition:"easeOutBack"} );
}
}
}

private function continue1(plane: Plane):void {
plane.x = plane.extra.pos.x + 1000;
plane.z = plane.extra.pos.z + 1000;

Tweener.addTween(plane, {x: plane.extra.pos.x, z: plane.extra.pos.z, time: .7 , transition:"easeOutBack", onComplete: turnNormal, onCompleteParams: [plane]} );
}

private function turnNormal(plane: Plane):void {
plane.extra.status = STATUS_NORMAL;
}
}

}javascript:void(0)

CoverFlow AS3

2009-02-27T00:08:00.001-08:00

package com.drca.coverflow { //com.drca.coverflow.CoverFlowManager
import blueroad.base.PaperBase;
import caurina.transitions.Tweener;
import com.pixelfumes.reflect.Reflect;
import flash.display.MovieClip;
import flash.net.getClassByAlias;
import gs.TweenMax;
import org.papervision3d.events.InteractiveScene3DEvent;
import org.papervision3d.materials.MovieAssetMaterial;
import org.papervision3d.materials.MovieMaterial;
import org.papervision3d.objects.DisplayObject3D;
import org.papervision3d.objects.primitives.Plane;

/**
* ...
* @author binhdocco
*/
public class CoverFlowManager extends PaperBase {
private var pics: Array = [new MOV_1(), new MOV_2(), new MOV_3(), new MOV_4(), new MOV_5()];// , new MOV_6(), new MOV_7()];
private var planes: Array = [];
//for tweener
private var time: Number = 1;
private const TRANSITION_ANI: String = "easeoutback";
//for position
private var distance: uint = 300;
private var roAngle: int = 60;
//camera position
private var camera_z: int = -850;
private var camera_y: int = 200;

public function CoverFlowManager() {
init(1024, 726);
}

override protected function init3d():void {
super.init3d();
for (var i:int = 0; i < pics.length; i++) {
//var linkageId: String = pics[i];

var mov: MovieClip = pics[i] as MovieClip;
new Reflect( { mc:mov, alpha:50, ratio:50, distance:0, updateTime:0, reflectionDropoff:1 } );
var mat: MovieMaterial = new MovieMaterial(mov, true);
mat.interactive = true;
mat.smooth = true;

//get width & height
var mc: MovieClip = MovieClip(mat.movie);
var plane: Plane = new Plane(mat, mc.width, mc.height, 10, 10);
plane.x = i * distance;
plane.y -= mc.height / 4;
plane.extra = { status: "normal", id: i };
planes.push(plane);
plane.addEventListener(InteractiveScene3DEvent.OBJECT_CLICK, onClickPlane);
plane.addEventListener(InteractiveScene3DEvent.OBJECT_OVER, onOverPlane);
plane.addEventListener(InteractiveScene3DEvent.OBJECT_OUT, onOutPlane);
default_scene.addChild(plane);
}

default_camera.zoom = 6;
//default_camera.z = camera_z;
//default_camera.y = camera_y;

//show active plane
var activePlane: Plane = planes[Math.floor(planes.length/2)];
setPlaneActive(activePlane);
}

private function onOutPlane(e:InteractiveScene3DEvent):void {
viewport.buttonMode = false;
}

private function onOverPlane(e:InteractiveScene3DEvent):void {
viewport.buttonMode = true;
}

private function onClickPlane(e:InteractiveScene3DEvent):void {
var plane: Plane = e.displayObject3D as Plane;
switch (plane.extra.status) {
case "active":
zoomPlane(plane);
break;
case "zoom":
deZoomPlane(plane);
break;
case "normal":
setPlaneActive(plane);
break;
}
}

private function setPlaneActive(pic:Plane):void {
var id:Number = pic.extra.id;
var top:Number=-50;
var depth:Number;
var i:Number;
var dis:Number = distance / 3;
//TweenMax.to(pic, .5, { rotationY:0, rotationX:0, rotationY:0, x:0, z: -300, scale:1 } );
Tweener.addTween(pic, { time: time - 0.2, rotationY:0, rotationX:0, rotationY:0, x:0, z: -300, scale:1 });//, onComplete: zoomPlane, onCompleteParams: [pic] } );

for (i = id-1; i >=0; i--) {
dis += distance / (id - i);
depth = top + Math.abs(id - i) * 20;
planes[i].extra.status = "normal";
//TweenMax.to(planes[i], .5, { rotationY: -roAngle, x:0 - dis, z:depth } );
Tweener.addTween(planes[i], { time: time , rotationY: -roAngle, x:0 - dis, z:depth } );
}

dis = distance / 3;
i = 0;
for (i = id+1; i dis += distance / (i - id);
depth = top + Math.abs(id - i) * 20;
planes[i].extra.status = "normal";
//TweenMax.to(planes[i], .5, { rotationY:roAngle, x:0 + dis, z:depth } );
Tweener.addTween(planes[i], { time: time, rotationY:roAngle, x:0 + dis, z:depth } );
}
pic.extra.status = "active";
}

private function zoomPlane(pic:Plane):void {
var o:Number = 0;
//TweenMax.to(pic, .5, { z: -600, rotationY:o } );
Tweener.addTween(pic, { time: .7, z: -650, rotationY:o , transition: TRANSITION_ANI} );
pic.extra.status = "zoom";
}

private function deZoomPlane(pic:Plane):void {
//TweenMax.to(pic, .5, { z: -300, rotationY:0 } );
Tweener.addTween(pic, { time: time, z: -300, rotationY:0 , transition: TRANSITION_ANI} );
pic.extra.status = "active";
}
}

}

CoverFlow AS2

2009-02-27T00:04:00.000-08:00

import blueroad.paper.BasePaper;
import caurina.transitions.Tweener;
import com.drca.reflect.ReflectionAS2;
import org.papervision3d.materials.MovieMaterial;
import org.papervision3d.objects.Plane;
import org.papervision3d.Papervision3D;
/**
* ...
* @author binhdocco
*/
class blueroad.coverflow.CoverFlowManager extends BasePaper {
private var mov1_mc: MovieClip;
private var mov2_mc: MovieClip;
private var mov3_mc: MovieClip;
private var mov4_mc: MovieClip;
private var mov5_mc: MovieClip;

private var pics: Array;
private var planes: Array = [];
//for tweener
private var time: Number = 1;
private var TRANSITION_ANI: String = "easeoutback";
//for position
private var distance: Number = 300;
private var roAngle: Number = -60;

public function CoverFlowManager() {

}
public function onLoad() {
init();
}
public function init3d() {
//trace("planes.length : " + planes.length);
pics = [mov1_mc, mov2_mc, mov3_mc, mov4_mc, mov5_mc];
planes = [];
for (var i:Number = 0; i < pics.length; i++) {
//var linkageId: String = pics[i];

var mov: MovieClip = pics[i];
new ReflectionAS2( { mc:mov, alpha:40, ratio:70, distance:0, reflectionDropoff:1 } );
mov._visible = false;
//trace("mov : " + mov);
//new Reflect( { mc:mov, alpha:50, ratio:50, distance:0, updateTime:0, reflectionDropoff:1 } );
var mat: MovieMaterial = new MovieMaterial(mov, true);
mat.oneSide = false;
mat.smooth = true;
//get width & height
var plane: Plane = new Plane(mat , mov.width, mov.height, 10, 10);
plane.x = i * distance;
plane.y += mov._height / 4;
plane.extra = { status: "normal", id: i };
planes.push(plane);
//plane.addEventListener(InteractiveScene3DEvent.OBJECT_CLICK, onClickPlane);
//plane.addEventListener(InteractiveScene3DEvent.OBJECT_OVER, onOverPlane);
//plane.addEventListener(InteractiveScene3DEvent.OBJECT_OUT, onOutPlane);
scene.push(plane);
//plane.container.onRelease = Relegate.create(this, onClickPlane, plane);
}
setEvents();
}

private function setEvents():Void {
//clearInterval(this.interval);
for (var i:Number = 0; i < planes.length; i++) {
var plane: Plane = Plane(planes[i]);
plane.container.onRelease = Relegate.create(this, onClickPlane, plane);
}
//show active plane
var activePlane: Plane = planes[Math.floor(planes.length / 2)];
setPlaneActive(activePlane);
}

private function onClickPlane(e:Plane):Void {
var plane: Plane = Plane(e);
switch (plane.extra.status) {
case "active":
zoomPlane(plane);
break;
case "zoom":
deZoomPlane(plane);
break;
case "normal":
setPlaneActive(plane);
break;
}
}

private function setPlaneActive(pic:Plane):Void {

var id:Number = pic.extra.id;
var top:Number=-50;
var depth:Number;
var i:Number;
var dis:Number = distance / 3;
//tracePos(pic);
//TweenMax.to(pic, .5, { rotationY:0, rotationX:0, rotationY:0, x:0, z: -300, scale:1 } );
Tweener.addTween(pic, { time: time - 0.2, rotationY:0, rotationX:0, rotationY:0, x:0, z: -300, scale:1 } );// , onComplete: tracePos, onCompleteParams: [pic] } );

for (i = id-1; i >=0; i--) {
dis += distance / (id - i);
depth = top + Math.abs(id - i) * 20;
planes[i].extra.status = "normal";
//TweenMax.to(planes[i], .5, { rotationY: -roAngle, x:0 - dis, z:depth } );
Tweener.addTween(planes[i], { time: time , rotationY: -roAngle, x:0 - dis, z:depth} );
}

dis = distance / 3;
i = 0;
for (i = id+1; i dis += distance / (i - id);
depth = top + Math.abs(id - i) * 20;
planes[i].extra.status = "normal";
//TweenMax.to(planes[i], .5, { rotationY:roAngle, x:0 + dis, z:depth } );
Tweener.addTween(planes[i], { time: time, rotationY:roAngle, x:0 + dis, z:depth} );
}
pic.extra.status = "active";
}

private function zoomPlane(pic:Plane):Void {
var o:Number = 0;
//TweenMax.to(pic, .5, { z: -600, rotationY:o } );
Tweener.addTween(pic, { time: .7, z: -650, rotationY:o , transition: TRANSITION_ANI} );
pic.extra.status = "zoom";
}

private function deZoomPlane(pic:Plane):Void {
//TweenMax.to(pic, .5, { z: -300, rotationY:0 } );
Tweener.addTween(pic, { time: time, z: -300, rotationY:0 , transition: TRANSITION_ANI} );
pic.extra.status = "active";
}

private function tracePos(pic:Plane):Void {
trace("===== pic : " + pic.container);
trace("pic x : " + pic.x);
trace("pic y : " + pic.y);
trace("pic z : " + pic.z);
}
}

Moving Data from Production to Sandbox

2009-02-05T03:12:00.001-08:00

I just spent the afternoon tearing my hair out over what really should have been a simple process. Gotta love a learning curve!!

I have a client that’s on the old NPSF template and I’m planning to upgrade them to the new template – but I wanted to try it out in a sandbox first so I didn’t have an “surprises”. I thought this would be a piece of cake. Here’s what I learned (oh, and no, I haven’t even gotten to installing the new packages yet!):

First, Setup new Sandbox: But wait… with the Non Profit license that Salesforce donates, you don’t get the option of creating a sandbox with data; you can create a developer sandbox, which creates your exact SF configuration, but without data. That’s helpful, but only sort of. I need to see what the effects of installing the new packages are on the DATA. So, I thought, no problem, I’ll just export the objects in use to .csv files and import them back into the sandbox…

Next challenge: I got the data out just fine, (I used Apex Data loader v14) but then I needed to figure out how to get the data back into the sandbox. After a bit of poking around online, I found that to do this you have to make a change to the Data Loader settings. Change server host to: https://test.salesforce.com, (it’s https://www.salesforce.com for production databases), then log into your sandbox database using your sandbox username and password + sequrity token (note this is not the same sequrity token you use for your production db, you’ll need to re-set it, (Setup | My Personal Information | Reset My Sequrity Token) before you do this.

More Hair Pulling: OK, now I can load data into my Sandbox, and I load up the Organizations/Accounts file. Everything goes in OK except the one record that’s the ‘Individual’ Account record that so many contacts are linked to. I get the following error – “Record Type: id value not valid for the users profile: 012700000009SZlAAM”. Hmmm… I’m System Administrator. I go to Setup | Manage Users | Profiles - Click on System Administrator. Scroll down to Record Type Settings; click on Edit in the Accounts section. Move Individual over from Available Record Types into Selected Record Types; click OK; try import on ‘Individual’ account into Orgs again – it works!

Next Headache: “insufficient access rights on cross-reference id”!! So. I guess I thought this process would be easy because I could just import the object data from the production instance and since the id’s were all nicely linked, it would be a simple process, but what I quickly realized is that when you import data for say, Organizations, Salesforce replaces the ID – and if you say, tried to import Contacts with the field ID (from production), you’ll get the “insufficient access rights on cross-reference ID” message. This all makes perfect sense now that I think about it – of course ID’s are auto-generated fields and would have to be re-created in a new db. Here’s a sketch of my process:

1. Create LegacyID fields (text 35) in Organizations, Contacts, Households, Donations
2. Prepare Organization import file: rename ID field as LegacyID
3. Import Organization data
4. Extract Organization data with ID, Name, LegacyID (I don’t know why I think I need name, I guess it’s just reassuring to have it in the midst of all those weird numbers)
5. Prepare Household import file: rename ID field as LegacyID
6. Import Household data
7. Extract Household data with ID, Name, LegacyID
8. Prepare Contacts import data file: rename ID field as LegacyID, replace ID’s for Organization(AccountID) and Household (ONW_Household?) with new ID’s from export files using VLookup
9. Import Contacts data
10. Extract Contacts data with ID, Last Name, LegacyID
11. Prepare Donations import file: rename ID field as LegacyID, replace AccountID with new ID’s from export file using VLookup
12. Import Donations data
13. Extract Donations; ID, Name, LegacyID
14. Prepare OpportunityContactRoles import file: delete ID field (no need for LegacyID); replace ContactID and OpportunityID with new values from export files using VLookup
15. Import OpportunityContactRoles
16. Prepare Connections import file; delete ID, replace ContactID’s and OrganizationID’s in the following fields with data from export files using VLookup (RELATED_CONTACT__C, CONTACT__C, RELATED_ORGANIZATION__C)

That should do it. Whew. A lot more work than I’d planned on. Time to do this once I’d understood the process? About 1 hour (small org <>

source : http://ceenotes.wordpress.com/2009/01/28/moving-data-from-production-to-sandbox/

AS3: Scrollbar class

2008-11-05T23:07:00.000-08:00

Origion source from http://www.flashscaper, I optimize to make it better.

All you need is :

+ a movie clip contains : scrollermc, trackmc, (upmc and downmc are optional), this movie has a linkage with utils.Scrollbar class.

+ how to use: call init function like : scrollbar.init(movieNeedScrollbar);

Scrollbar function :

dragable, up, down
click on track
mouse wheel

------------------------------------------

package utils { //utils.Scrollbar
import caurina.transitions.Tweener;
import flash.display.MovieClip;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.geom.Rectangle;

/**
* ...
* @author binhdocco
*/
public class Scrollbar extends MovieClip {

private var content: MovieClip;
private var transition: String;
private var transitionTime: Number;
private var hasArrow: Boolean;
private var dragRect: Rectangle;

public var scrollermc: MovieClip;
public var trackmc: MovieClip;
public var upmc: MovieClip;
public var downmc: MovieClip;
public var contentY: Number;
private var range: Number;
private var top: Number;
private var bottom: Number;
private var isUp: Boolean = false;
private var isDown: Boolean = false;
private var speedScroll: Number = 3;
private var ratio:Number;

public function Scrollbar() {

}

public function init(content: MovieClip, transition: String = "linear", transitionTime: Number = 0.15, hasArrow: Boolean = true, hasWheel: Boolean = true):void {
this.content = content;
this.transition = transition;
this.transitionTime = transitionTime;
this.hasArrow = hasArrow;

if (this.content.height <= this.height) {
this.visible = false;
}
contentY = this.content.y;
if (!this.hasArrow) {
if (upmc) {
this.trackmc.y = 0;
this.scrollermc.y = 0;
this.trackmc.height += this.upmc.height;
this.removeChild(upmc);
}
if (downmc) {
this.trackmc.height += this.downmc.height;
this.removeChild(downmc);
}
}

//dragRect
top = this.trackmc.y;
bottom = top + this.trackmc.height - this.scrollermc.height;
dragRect = new Rectangle(this.trackmc.x, top, 0, bottom - top);
range = this.height - 5;
ratio = (content.height - range)/(this.trackmc.height - scrollermc.height);
//create mask
var mask: Sprite = new Sprite();
mask.graphics.beginFill(0xFF0000);
mask.graphics.drawRect(content.x, content.y, content.width + 5, this.height);
mask.graphics.endFill();
this.parent.addChild(mask);
this.content.mask = mask;

this.scrollermc.addEventListener(MouseEvent.MOUSE_DOWN, onScrollerMouseDown);
this.stage.addEventListener(MouseEvent.MOUSE_UP, onStageMouseUp);
this.trackmc.addEventListener(MouseEvent.CLICK, onTrackClick);

if (hasWheel) {
this.content.addEventListener(MouseEvent.MOUSE_WHEEL, onContenMouseWheel);
this.addEventListener(MouseEvent.MOUSE_WHEEL, onContenMouseWheel);
}

if (this.hasArrow) {
this.upmc.addEventListener(MouseEvent.MOUSE_DOWN, onArrowMouseDown);
this.downmc.addEventListener(MouseEvent.MOUSE_DOWN, onArrowMouseDown);
}
}

public function update():void {
this.content.y = contentY;
if (this.content.height <= this.height) {
this.visible = false;
} else {
this.visible = true;
}
ratio = (content.height - range)/(this.trackmc.height - scrollermc.height);
}

public function gotoTop():void {
Tweener.addTween(this.scrollermc, { y: top, time: 0.5, onStart: addEnterFrame, onComplete: stopScroll} );
}

public function gotoEnd():void {
Tweener.addTween(this.scrollermc, { y: bottom, time: 0.5, onStart: addEnterFrame, onComplete: stopScroll} );
}
//EVENTS HANDLER

private function onTrackClick(e:MouseEvent):void {
var mouseY: Number = this.mouseY;
var scrollY: Number = this.scrollermc.y;
var destY: Number = mouseY - this.scrollermc.height / 2;
if (destY >= bottom) {
destY = bottom;
}
if (destY <= top) {
destY = top;
}
Tweener.addTween(this.scrollermc, { y: destY, time: 0.5, onStart: addEnterFrame, onComplete: stopScroll} );

}

private function onContenMouseWheel(event:MouseEvent):void {
if (event.delta < 0) {
if (this.scrollermc.y < bottom) {
this.scrollermc.y += Math.abs(event.delta)*2;
if (this.scrollermc.y >= bottom) {
this.scrollermc.y = bottom;
}
startScroll();
}
} else {
if (this.scrollermc.y > top) {
this.scrollermc.y -= event.delta*2;
if (this.scrollermc.y <= top) {
this.scrollermc.y = top;
}
startScroll();
}
}
}

private function onArrowMouseDown(e:MouseEvent):void {
if (e.target.name == this.upmc.name) {
isUp = true;
this.upmc.addEventListener(Event.ENTER_FRAME, onUpEnterFrame);
} else if (e.target.name == this.downmc.name) {
isDown = true;
this.downmc.addEventListener(Event.ENTER_FRAME, onDownEnterFrame);
}
}

private function onUpEnterFrame(e:Event):void {
if (isUp) {
if (this.scrollermc.y > top) {
this.scrollermc.y -= speedScroll;
if (this.scrollermc.y <= top) {
this.scrollermc.y = top;
}
startScroll();
}
}
}

private function onDownEnterFrame(e:Event):void {
if (isDown) {
if (this.scrollermc.y < bottom) {
this.scrollermc.y += speedScroll;
if (this.scrollermc.y >= bottom) {
this.scrollermc.y = bottom;
}
startScroll();
}
}
}

private function onStageMouseUp(e:MouseEvent):void {
if (isUp) {
this.upmc.removeEventListener(Event.ENTER_FRAME, onUpEnterFrame);
isUp = false;
}
if (isDown) {
this.downmc.removeEventListener(Event.ENTER_FRAME, onDownEnterFrame);
isDown = false;
}
this.scrollermc.stopDrag();
stopScroll();
}

private function onScrollerMouseDown(e:MouseEvent):void {
stopScroll();
this.scrollermc.startDrag(false, dragRect);
this.addEventListener(Event.ENTER_FRAME, onEnterFrame);
}

private function addEnterFrame():void {
stopScroll();
this.addEventListener(Event.ENTER_FRAME, onEnterFrame);
}

private function onEnterFrame(e:Event = null):void {
startScroll();
}

// FUNCTIONS
private function stopScroll():void {
this.removeEventListener(Event.ENTER_FRAME, onEnterFrame);
}

private function startScroll():void {
var sPos: Number = ratio*(this.trackmc.y - scrollermc.y ) + contentY;
Tweener.removeTweens(this.content);
Tweener.addTween(this.content, { y: sPos, time:transitionTime, transition:transition } );
}
}

}
}

PureMVC : Basic step

2008-10-30T20:47:00.000-07:00

All projects using PureMVC must have only one ApplicationFacade class to control all process. Along with ApplicationFacade is StartupCommand, which registers some Proxies and Mediators.

Example with a ImageSlideshow project :

All you need are :

MVCProject.as ---> init ApplicationFacade
ApplicationFacade ---> excute StartupCommand ---> register SiteDataProxy, StageMediator with viewComponent is Stage.
SiteDataProxy ---> load external xml file, sendNotification to StageMediator
StageMediator ---> register ContainerMediator with viewComponent is Container sprite.

Very interesting.

10 tips for working with PureMVC

2008-10-22T22:02:00.000-07:00

Think in (Pure)MVC

How do I start using PureMVC? Short answer: Just think in (Pure)MVC! As its named says, PureMVC based on the classic Model-View-Controller design meta-pattern. Using the Facade-pattern you don’t instantiate the core actors directly, but every member of PureMVC has its own and clear defined role:
- Proxies = Model

- Mediator and its ViewComponents = View
- Commands = Controller
Create an API for View Components

A View Component might be a standard UI component (e.g. DataGrid) or a custom component (e.g. a world within a game) or whatever. Don’t use its public methods directly. In order to change its state or behavior create an API.

One of the advantage of PureMVC is to be neutral to the technologies being used. An example: I’ve built a “pure” Flash application based on PureMVC without using the Flex Framework. The same app will be ported to an AIR application for using AIR’s great File system API. The View Components have to be changed using the Flex Framework, but not the Mediators or any other actors of PureMVC.
Use one Mediator for multiple View Components

To coordinate more than one View Component closely, use one Mediator only. In other words: Not all Views need a Mediator. For example: Assume a ApplicationControlBar containing a TextInput , and a Button or something else. Then create just one Mediator for the ApplicationControlBar called ApplicationControlBarMediator and refer to the missing components casted as a second, third, etc. View Component.
Let’s Events bubble up

What happens if you don’t want to use multiple View Components within a Mediator? In order to handle user interactions with multiple View Components let’s bubble Events from the nested children of a View Component up.

For example: Clicking any Button within a View Component will fired up a custom Event which the Mediator is listen to. So the Mediator don’t have to know about the existing Button or about any other child of its View Component, just about the custom Event bubbled up.
Communicate using Notifications as often as possible

Notifications are the “Events” of PureMVC. For communicating between the three tiers Model, View and Controller use Notifications for the following scenarios as often as possible:

(communication from -> to)
- Mediator -> Proxy (via mapped Commands)
- Proxy -> Mediator
- Proxy -> Command
- Commands -> Mediator

Even if it’s possible to retrieve a Proxy from a Mediator, don’t change the Proxy from a Mediator directly rather than sending a Notification using a mapped Command. It’s a bad practice to change a Proxy (Model) from a Mediator (View) directly without using a Command (Controller).
Use Commands / MacroCommands as often as possible

Commands are doing the job at the Controller side: Retrieving and interacting Proxies, communicating with Mediators or executing other Commands. Even if a Command used only once or it has only two lines of code, use it as often as possible. To execute a Command once again anywhere or anytime within your application, you have to send just a Notification. In the future it’s easy to enlarge the Command with more complex actions. And - that’s very important - you always know, who the actor for changing the Proxy (Model) is.

Question: Have you had to execute more than one Command in a particular order? Use MacroCommands to execute multiple SubCommands (which means “simple” Commands) sequentially.
Use Remote Proxy to send and receive server-side data

To send and receive data between the application tier use Proxies called Remote Proxies. That’s not a special kind of a PureMVC Proxy, just a location based on a Proxy to organize the server calls such as HTTPServices, RemoteObjects or whatever.

For example: To call a server-side RemoteObject to login a user create Proxy called LoginProxy. The LoginProxy does all the job to communicate with the server-side, which means sending and receiving data. Whenever you’ll change the server-side implementation for the LoginProcess, you’ll have to change one location within your application only - the LoginProxy.
Remove unused Mediators

In some cases you don’t use a Mediator and its View Components anymore. Then remove the Mediator using facade.removeMediator(MyMediator.NAME); in conjunction with a self created destroy() method to remove the ViewComponent including all listeners, timer, references, etc. for a successful garbage collection.
The Power of VO’s (Value Objects)

The place to store data within the Model are the Proxies - that’s right. The View Components have no need to know the Facade and the rest of the PureMVC application - that’s right, too. This means that the View Component has no access to the Model data directly.

To avoid this issue store within the View Component a reference to the data using Value Objects (VO’s). The VO’s are not a core actor of PureMVC and in conjunction with the Data Binding feature of Flex are a powerful way to react changes in the Model data without breaking rules.
Courseware available

Cliff Hall has done an awesome job: You’ll find not only excellent documentations about the “Framework Overview“, “Best Practices” and a “Conceptual Diagram“, ~~also a very, very, very helpful Courseware~~. Check it out!

Enjoy PureMVC and Happy Holidays !

Source from http://www.websector.de/blog/2007/12/25/10-tips-for-working-with-puremvc/

Flexlib Components

2008-09-25T01:09:00.000-07:00

The FlexLib project is a community effort to create open source user interface components for Adobe Flex 2 and 3.

Current components: AdvancedForm, Base64Image, EnhancedButtonSkin, CanvasButton, ConvertibleTreeList, Draggable Slider, Fire, Highlighter, HorizontalAxisDataSelector IconLoader, ImageMap, PromptingTextArea, PromptingTextInput, Scrollable Menu Controls, SuperTabNavigator, Alternative Scrolling Canvases, Horizontal Accordion, TreeGrid, FlowBox, Docking ToolBar, Flex Scheduling Framework

website : http://code.google.com/p/flexlib/

Problem: Flex 3.0 doesn't support image type .ico

2008-09-24T01:49:00.000-07:00

I use mx:Image class to load favicon.ico of a website, but I can't. Image class only supports for JPEG, GIF, PNG, SVG, SWF, TTF, and MP3 files.

Then, I use IconLoader of flexlib (from http://code.google.com/p/flexlib/wiki/ComponentList) like :
..
[Bindable]
[Embed( source="assets/favicon.ico", mimeType="application/octet-stream")]
public var FAVICON_ICO: Class;
...
flexlib:IconLoader source="{FAVICON_ICO}" width="16" height="16"

But I still see nothing.

Any ideas to help me ?

Problem solve: SuperTabNavigator - flexlib - style close tab button

2008-09-19T00:36:00.004-07:00

Problem: use 'closeButtonStyleName' for close button style in flexlib.SuperTabNavigator tab, it shows a circle without style.

Solve: use 'tabCloseButtonStyleName' instead.

Note: too tired of this problem.

AS3 Tips

2008-09-19T00:36:00.002-07:00

Get variables form flashvars :

---------------------------
var paramObj:Object = LoaderInfo(this.root.loaderInfo).parameters;
for (var keyStr in paramObj) {
var valueStr = String(paramObj[keyStr]);
trace(keyStr + " : " + valueStr );
}
---------------------------

Shuffe an array:

---------------------------

function randomAnArray(tArray:Array):void {
function randomSort(a:Object, b:Object):int {
   return Math.round(Math.random()*-1+Math.random());
}
tArray.sort(randomSort);
}

var testArray: Array = [1,2,3,4,5];
randomAnArray(testArray);

trace(testArray);
---------------------------

Query service and get respone

2008-09-19T00:36:00.001-07:00

var variables:URLVariables = new URLVariables();
variables.param1 = param1;
variables.param1 = param1;

var request:URLRequest = new URLRequest();
request.url = "testpage.php";
request.method = URLRequestMethod.POST; //can be GET
request.data = variables;

var loader:URLLoader = new URLLoader();
loader.dataFormat = URLLoaderDataFormat.TEXT;  // can be XML
loader.addEventListener(Event.COMPLETE, completeHandler);
loader.load(request);


function completeHandler(event:Event):void {
    trace(event.target.data); // show data respone
}

10 common mistakes when building AIR applications

2008-09-19T00:36:00.000-07:00

Adobe AIR has grown immensely popular over the past months. With its popularity, many new applications have been released. During this period, the following 10 issues have been the mistakes I have seen most often among developers. Hopefully, this list can help you avoid the same mistakes when building your next AIR application.

Link