• 1 Introduction


• 2 Tweenlite Usage summary
  
  
  • 2.1 TweenLite.to
  
  
  • 2.2 TweenLite.from
  
  
  • 2.3 TweenLite.delayedCall
  
  
  • 2.4 TweenLite.killTweensOf
  
  
  • 2.5 TweenLite.killDelayedCallsTo
  
  
  
  
  


• 3 TweenLite examples


• 4 TweenFilterLite usage


• 5 TweenMax features
  
  
  • 5.1 Simple TweenMax example
  
  
  
  
  


• 6 TweenGroup usage

Introduction

• TweenLite - a light-weight and fast tween class to create animation and shape tweens in one go.


• TweenFilterLite - extends TweenLite to add more filters (like blurs, glows, contrast, brightness, etc.). It's bigger and a bit slower than TweenLite.


• TweenMax - does both of Tweenlite and TweenFilterLite and more. It's still bigger and bit slower.


• TweenGroup - allow to manage groups of TweenLite/FilterLite/Max tweens. E.g. you can create a few tweens with TweenLite and then then play these in sequence.


• TransformManager - add interactive scaling/rotating/moving of DisplayObjects in your Flash animation.

Syntax used for datatypes

Objects

If you work with CS3, instance names of movie clips)

target:Object
 e.g. my_rocket

Objects also can refer to ECMAScript objects that you create on the fly with {...}

variables:Object

E.g. an object with properties x=120 and y=110 is created like this:

{x:120,y:110}

Numbers

x:Number
 e.g. 15

Color_uint

E.g. for red you could use the following Hex value:

0xFF0000

Boolean

xxx:Boolean
 e.g. knockout:true

Functions

You will have to give a function name. This can be a Class.method.

xxx:Function
E.g. ease:Strong.easeInOut

Arrays

You have to create an array using [...]. Typically this is used to pass parameters to methods , e.g.

easeParams:[1.5, 2.45]

Tweenlite Usage summary

1. TweenLite.to - create a tween of multiple properties of an object


2. TweenLite.from - same as above (you specify the result of the tween))


3. TweenLite.delayedCall - Call a function after number of seconds


4. TweenLite.killDelayedCallsTo - Kill delayed calls (see previous line)


5. TweenLite.killTweensOf - Kills all tweens of a particular object


6. TweenLite.removeTween - Removes a tween

TweenLite.to

TweenLite.to(target:Object, duration:Number, variables:Object);

var myTween:TweenLite = TweenLite.to(target:Object, duration:Number, variables:Object);

var myTween:TweenLite = new TweenLite(target:Object, duration:Number, variables:Object);

Mandatory parameters

1. target:Object Target MovieClip (or any object) whose properties we're tweening


2. duration:Number Duration (in seconds) of the tween


3. variables:Object An object containing the end values of all the properties you'd like to have tweened (or if you're using the TweenLite.from() method, these variables would define the BEGINNING values). Putting quotes around values will make the tween relative to the current value. For example, x:"-20" will tween x to whatever it currently is minus 20 whereas x:-20 will tween x to exactly -20.

TweenLite.to(clip_mc, 1.5, {x:120}

TweenLite.to(clip_mc, 1.5, {alpha:0.5, x:120, volume:0});

alpha:Number

The alpha (opacity level) that the target object should finish at (or begin at if you're using TweenLite.from()). For example, if the target.alpha is 1 when this script is called, and you specify this parameter to be 0.5, it'll transition from 1 to 0.5.

autoAlpha:

Same as changing the "alpha" property but with the additional feature of toggling the "visible" property to false if the alpha ends at 0. It will also toggle visible to true before the tween starts if the value of autoAlpha is greater than zero.

x:Number

To change a MovieClip's x position, just set this to the value you'd like the MovieClip to end up at (or begin at if you're using TweenLite.from()).

y:Number

To change a MovieClip's y position (like above).

scaleX:Number

Scaling in X direction, i.e. making the with smaller or larger

scaleY:Number

Scaling in Y direction, i.e. making the height smaller or larger

rotation:Number

Clock-wise rotation in degrees.

delay:Number

Number of seconds you'd like to delay before the tween begins. This is very useful when sequencing tweens

ease:Function

You can specify a function to use for the easing with this variable. For example, fl.motion.easing.Elastic.easeOut. The Default is Regular.easeOut (and Linear.easeNone for volume).

You can use all the standard AS3 methods defined in fl.motion.easing and fl.transitions.easing

If you want to create your own easing equation use Jack's Custom Ease Builder on-line tool.

Example

TweenLite.to(logo,0.4,{scaleX:1,scaleY:1,alpha:1,ease:Strong.easeInOut,delay:0.8,overwrite:false});

Example of custom function definition and use

import gs.easing.CustomEase;
 CustomEase.create("myCustomEase", 
  [{s:0,cp:0.509,e:0.612},{s:0.612,cp:0.715,e:0.412},{s:0.412,cp:0.109,e:1}]);
 TweenLite.to(mc, 2, {x:"250", ease:CustomEase.byName("myCustomEase"")});

easeParams:Array

Allows to pass parameters to the ease function (see above)

TweenLite.to(my_mc, 2, {_x:200, ease:Elastic.easeOut, easeParams:[1.5, 2.45]});

volume: Number

To change a MovieClip's volume, i.e. the SoundTransform property. Set this to the value you'd like the MovieClip to end up at (or begin at if you're using TweenLite.from()).

tint:Color_uint

To change a MovieClip's color, set this to the hex value of the color you'd like the MovieClip to end up at(or begin at if you're using TweenLite.from()). An example hex value would be 0xFF0000. If you'd like to remove the color from a MovieClip, just pass null as the value of tint.

removeTint:Boolean

To remove the tint of a DisplayObject. Use the value true.

frame:Integer

To tween a MovieClip to a given frame.

roundProps:Array

Allows to define inbetween rounding values. E.g.

TweenMax.to(my_mc, 3, {_x:500, _y:0, bezier:[{_x:250, _y:50}]});

onStart:Function

If you'd like to call a function as soon as the tween begins, pass in a reference to it here. This can be useful when there's a delay and you want something to happen just as the tween begins.

onStartParams:Array

An array of parameters to pass the onStart function.

onUpdate:Function

If you'd like to call a function every time the property values are updated (on every frame during the time the tween is active), pass a reference to it here.

onUpdateParams:Array

An array of parameters to pass the onUpdate function (this is optional)

onComplete:Function

If you'd like to call a function when the tween has finished, use this.

onCompleteParams:Array

An array of parameters to pass the onComplete function (this is optional)

overwrite:Int

You can enter 4 values: 0 (NONE) = No tweens are overwritten; 1 (ALL) = All tweens of the same object are completely overwritten immediately when the tween is created; 2 (AUTO) = Searches for and overwrites only individual overlapping properties in tweens that are active when the tween begins; 3 (CONCURRENT): Overwrites all tweens of the same object that are active when the tween begins.

persist:Boolean

If true, the TweenLite instance will not automatically be removed by the garbage collector when it is complete. By default, it is false.

renderOnStart:Boolean

If you're using TweenLite.from() (or runBackwards:true) with a delay and want to prevent the tween from rendering until it actually begins, set this special property to true. By default, it's false which causes TweenLite.from() to render its values immediately, even before the delay has expired.

runBackwards:Boolean

Flips the start and end values in a tween. That's the same as using the from() method (see below).

TweenLite.from

TweenLite.from(target:Object, duration:Number, variables:Object);

TweenLite.delayedCall

TweenLite.delayedCall(delay:Number,onComplete:Function,onCompleteParams:Array);

1. delay: Number of seconds before the function should be called.


2. onComplete: The function to call


3. onCompleteParams [optional] An array of parameters to pass the onComplete function when it's called.

TweenLite.killTweensOf

TweenLite.killTweensOf(target:Object);

• target: Any/All tweens of this Object/MovieClip will be killed.

TweenLite.killDelayedCallsTo

TweenLite.killDelayedCallsTo(function:Function);

• function: Any/All delayed calls to this function will be killed.

TweenLite examples

• If you work with CS3 you need an instance of MovieClip that is named, e.g. "movie_clip".


• Then, in some keyframe, hit F9 and you can write AS code. The code must include at least:

import gs.TweenLite;

• When Flash requires that you import "official" flash classes you will have to import these too. E.g.

import fl.motion.easing.Back;

import gs.TweenLite;
TweenLite.to(movie_clip, 1.5, {alpha:0.5, x:120, volume:0});

import gs.TweenLite;
import fl.motion.easing.Back;
TweenLite.to(movie_clip, 5, {alpha:0.5, x:120, ease:Back.easeOut,
          delay:2, onComplete:onFinishTween, onCompleteParams:[5, movie_clip]});
function onFinishTween(parameter1_num:Number, parameter2_mc:MovieClip):void {
 trace("The tween has finished! parameters: " + parameter1_num + ", and " + parameter2_mc);
  }

import gs.TweenLite;
import fl.motion.easing.Elastic;
TweenLite.from(movie_clip, 5, {y:"-100", ease:Elastic.easeOut});

import gs.TweenLite;
TweenLite.to(movie_clip, 2, {tint:0xFF0000});
TweenLite.to(movie_clip, 1, {y:300, delay:2, overwrite:false});

TweenFilterLite usage

Syntax (identical to the TweenLite class), e.g.

TweenFilterLite.to (target:Object, duration:Number, variables:Object);

• Flash graphic effects learning guide An Adobe tutorial made for CS3 designers and that also explains concepts.


• About filters (Chapter of the Adobe Using Flash (CS3) manual)

• flash.filters package (ActionScript 3.0 Language and Components Reference) or


• Package flash.filters (Adobe Flex 2.0.1 Language Reference)

TweenFilterLite.from (movie_clip, 5, {colorMatrixFilter:{colorize:0xFF0000}})

timeScale:Number

Speed up or slow down a tween

globalTimeScale

Globally speed up/down all tweens

blurFilter:Object

Create a blur with one or more of the following properties:

Parameters: blurX, blurY, quality.

Example:

TweenFilterLite.to(movie_clip, 2, {blurFilter:{blurX:1, blurY:2}})

glowFilter:Object

Apply a glow effect to display objects

Parameters: alpha, blurX, blurY, color, strength, quality, inner, knockout,

colorMatrixFilter:Object

Apply various color filters

Parameters: colorize, amount, contrast, brightness, saturation, hue, threshold, relative, matrix,

Example

TweenFilterLite.to(movie_clip, 2, {colorMatrixFilter:{colorize:0xFF0000, amount:1}});

dropShadowFilter:Object

Will add a drop shadow to an object.

Parameters alpha, angle, blurX, blurY, color, distance, strength, quality

Flex Adobe dropShadowFilter doc

bevelFilter:Object

Create a bevel effect gives, i.e. three-dimensional look

Parameters angle, blurX, blurY, distance, highlightAlpha, highlightColor, shadowAlpha, shadowColor, , gth, quality

TweenMax features

bezier:Array

Allows to tween with a bezier array.

TweenMax.to(my_mc, 3, {_x:500, _y:0, bezier:[{_x:250, _y:50}]})

bezierThrough:Array

Pass points through which the bezier values should move.

orientToBezier:Array (or Boolean)

MovieClip/Sprite to orients itself in the direction of a Bezier path. The arrays need the following elements: Position property 1 (typically "x"), Position property 2 (typically "y"), Rotational property (typically "rotation"), Number of degrees to add (optional - makes it easy to orient your MovieClip/Sprite properly).

[["x", "y", "rotation", 0]].

Simple TweenMax example

• Drag a *.jpg picture into the library


• Drag it to the stage and make it a movie clip symbol (Right-click->Convert to symbol). Call it "picture_mc".


• Kill the picture on the stage


• Drag two copies of the new movie clip symbol to the stage


• Name the first one "picture" and the second one "picture2". This way the AS3 code can use them as objects.

• http://tecfa.unige.ch/guides/flash/ex/greensock/ directory


• File tweenmax-photo-filter.fla

TweenGroup usage

• Pause/Resume capability

• reverse() and/or restart()

• Grouping and Sequencing

Thêm tùy chọn "Command Prompt in This Folder"

Thêm tùy chọn "Copy the content to clipboard"

Thêm tùy chọn "CopyTo"

Thêm tùy chọn "MoveTo"

    import java.util.Date;
    import java.text.DateFormat;
    import java.text.SimpleDateFormat;

    private String getDateTime() {
        DateFormat dateFormat = new SimpleDateFormat("yyyy/MM/dd HH:mm:ss");
        Date date = new Date();
        return dateFormat.format(date);
    }





import java.util.Calendar;
import java.text.SimpleDateFormat;

public class DateUtils {
  public static final String DATE_FORMAT_NOW = "yyyy-MM-dd HH:mm:ss";

  public static String now() {
    Calendar cal = Calendar.getInstance();
    SimpleDateFormat sdf = new SimpleDateFormat(DATE_FORMAT_NOW);
    return sdf.format(cal.getTime());

  }

  public static void  main(String arg[]) {
    System.out.println("Now : " + DateUtils.now());
  }
}

Here some formatting possibilities available through the SimpleDateFormat class.

import java.util.Calendar;
import java.text.SimpleDateFormat;

public class DateUtils {


  public static String now(String dateFormat) {
    Calendar cal = Calendar.getInstance();
    SimpleDateFormat sdf = new SimpleDateFormat(dateFormat);
    return sdf.format(cal.getTime());

  }

  public static void  main(String arg[]) {
     System.out.println(DateUtils.now("dd MMMMM yyyy"));
     System.out.println(DateUtils.now("yyyyMMdd"));
     System.out.println(DateUtils.now("dd.MM.yy"));
     System.out.println(DateUtils.now("MM/dd/yy"));
     System.out.println(DateUtils.now("yyyy.MM.dd G 'at' hh:mm:ss z"));
     System.out.println(DateUtils.now("EEE, MMM d, ''yy"));
     System.out.println(DateUtils.now("h:mm a"));
     System.out.println(DateUtils.now("H:mm:ss:SSS"));
     System.out.println(DateUtils.now("K:mm a,z"));
     System.out.println(DateUtils.now("yyyy.MMMMM.dd GGG hh:mm aaa"));
  }
}

import java.lang.reflect.*;

public class MethodInspector {
    public static void main(String[] arguments)  {
        Class inspect;
        try {
            if (arguments.length > 0)
                inspect = Class.forName(arguments[0]);
            else
                inspect = Class.forName("MethodInspector");
            Method[] methods = inspect.getDeclaredMethods();
            for (int i = 0; i < methods.length; i++) {
                Method methVal = methods[i];
                Class returnVal = methVal.getReturnType();
                int mods = methVal.getModifiers();
                String modVal = Modifier.toString(mods);
                Class[] paramVal = methVal.getParameterTypes();
                StringBuffer params = new StringBuffer();
                for (int j = 0; j < paramVal.length; j++) {
                    if (j > 0)
                        params.append(", ");
                    params.append(paramVal[j].getName());
                }
                System.out.println("Method: " + methVal.getName() + "()");
                System.out.println("Modifiers: " + modVal);
                System.out.println("Return Type: " + returnVal.getName());
                System.out.println("Parameters: " + params + "\n");
            }
        } catch (ClassNotFoundException c) {
            System.out.println(c.toString());
        }
    }
}

Using Runtime.exec()

import java.io.*;
public class CmdExec {

public static void main(String argv[]) {
try {
 String line;
 Process p = Runtime.getRuntime().exec
   (System.getenv("windir") +"\\system32\\"+"tree.com /A");
 BufferedReader input =
   new BufferedReader
     (new InputStreamReader(p.getInputStream()));
 while ((line = input.readLine()) != null) {
   System.out.println(line);
 }
 input.close();
}
catch (Exception err) {
 err.printStackTrace();
}
}
}

    String line;
OutputStream stdin = null;
InputStream stderr = null;
InputStream stdout = null;

 // launch EXE and grab stdin/stdout and stderr
 Process process = Runtime.getRuntime ().exec ("/folder/exec.exe");
 stdin = process.getOutputStream ();
 stderr = process.getErrorStream ();
 stdout = process.getInputStream ();

 // "write" the parms into stdin
 line = "param1" + "\n";
 stdin.write(line.getBytes() );
 stdin.flush();

 line = "param2" + "\n";
 stdin.write(line.getBytes() );
 stdin.flush();

 line = "param3" + "\n";
 stdin.write(line.getBytes() );
 stdin.flush();

 stdin.close();

 // clean up if any output in stdout
 BufferedReader brCleanUp =
   new BufferedReader (new InputStreamReader (stdout));
 while ((line = brCleanUp.readLine ()) != null) {
   //System.out.println ("[Stdout] " + line);
 }
 brCleanUp.close();

 // clean up if any output in stderr
 brCleanUp =
   new BufferedReader (new InputStreamReader (stderr));
 while ((line = brCleanUp.readLine ()) != null) {
   //System.out.println ("[Stderr] " + line);
 }
 brCleanUp.close();

Launch a Windows CMD (or BAT) file and retrieve the errorlevel or exitcode

// win xp
import java.io.*;
public class CmdExec {
public static void main(String argv[]) {
try {
 String line;
 Process p = Runtime.getRuntime().exec("test.cmd");
 p.waitFor();
 System.out.println(p.exitValue());
}
catch (Exception err) {
 err.printStackTrace();
}
}
}

@echo hello world
@exit 42

@java -garbage

@java -version

Launch a Unix script

String[] cmd = {"/bin/sh", "-c", "ls > hello"};
Runtime.getRuntime().exec(cmd);

Using the ProcessBuilder

import java.io.*;
import java.util.*;

public class CmdProcessBuilder {
public static void main(String args[])
throws InterruptedException,IOException
{
List command = new ArrayList();
command.add(System.getenv("windir") +"\\system32\\"+"tree.com");
command.add("/A");

ProcessBuilder builder = new ProcessBuilder(command);
Map environ = builder.environment();
builder.directory(new File(System.getenv("temp")));

System.out.println("Directory : " + System.getenv("temp") );
final Process process = builder.start();
InputStream is = process.getInputStream();
InputStreamReader isr = new InputStreamReader(is);
BufferedReader br = new BufferedReader(isr);
String line;
while ((line = br.readLine()) != null) {
 System.out.println(line);
}
System.out.println("Program terminated!");
}
}

Windows rundll32 utility

// "file" is the filename of the data file
//  ex. myresume.doc
//  to start Word if the doc extension is associated with it.
Runtime.getRuntime().exec
("rundll32 SHELL32.DLL,ShellExec_RunDLL " + file.getAbsolutePath());

See also this HowTo about the new Desktop API, the recommended solution (but you need JDK1.6).
See also this one to open the default browser.

The following example start a Dial-up connection on the Win plateform :

[Dialup.java]
public class Dialup {
public static void main(String[] args) throws Exception {
Process p = Runtime.getRuntime()
 .exec("rundll32.exe rnaui.dll,RnaDial MyConnection");
p.waitFor();
System.out.println("Done.");
}
}

You still need to press ENTER to CONNECT, there is an option in the Connection properties to connect automatically.

On NT and W2K, rnaui.dll is not available. Use rasdial.exe instead.

rasdial "connection name"
rasdial "connection name" /d to drop
rasdial /? for more options

PDF (Windows only)

public class ShowPDF {
public static void main(String[] args) throws Exception {
Process p =
 Runtime.getRuntime()
   .exec("rundll32 url.dll,FileProtocolHandler c:/pdf/mypdf.pdf");
p.waitFor();
System.out.println("Done.");
}
}

PDF (Mac only)

public class ShowPDF {
public static void main (String[] args) throws Exception{
Process p = Runtime.getRuntime().exec("open /Documents/mypdf.pdf");
}
}

More runddl32 examples

Path to executable with spaces in them

You can include a path for the program to be executed. On the Win plateform, you need to put the path in quotes if the path contains spaces.

public class Test {
public static void main(String[] args) throws Exception {
Process p = Runtime.getRuntime().exec(
  "\"c:/program files/windows/notepad.exe\"");
p.waitFor();
}
}

If you need to pass arguments, it's safer to a String array especially if they contain spaces.

String[] cmd = { "myProgram.exe", "-o=This is an option" };
Runtime.getRuntime().exec(cmd);

String fileName = "c:\\Applications\\My Documents\\test.doc";
String[] commands = {"cmd", "/c", "start", "\"DummyTitle\"",fileName};
Runtime.getRuntime().exec(commands);

VBSCRIPT

// Win9x
Runtime.getRuntime().exec("start myscript.vbs");

// WinNT
Runtime.getRuntime().exec("cmd /c start myscript.vbs");

or

// with a visible console
Runtime.getRuntime().exec("cscript myscript.vbs");

// with no visible console
Runtime.getRuntime().exec("wscript myscript.vbs");

HTML Help (Windows only)

Runtime.getRuntime().exec("hh.exe myhelpfile.chm");

Start Excel

import java.io.IOException;

class StartExcel {
public static void main(String args[])
   throws IOException
{
   Runtime.getRuntime().exec("cmd /c start excel.exe");
}
}

import java.io.IOException;

class StartExcel {
public static void main(String args[])
   throws IOException
{
   String fileName = "c:\\temp\\xls\\test2.xls";
   String[] commands = {"cmd", "/c", "start", "\"DummyTitle\"",fileName};
   Runtime.getRuntime().exec(commands);
}
}

Start a Windows application under another account

  String  commands [] = new String [] {
"CMD.EXE",
"/C",
"RUNAS /profile  /savecred /user:"
+ "administrator"
+ " " + "regedit.exe"
};

Runtime.getRuntime().exec(commands);

One potential problem is that when /SaveCred saves the credentials it saves it for whenever RUNAS invokes that user account. This can be a huge security risk so be careful using it!

RUNAS capability can be disabled by editing the Registry or by disabling the RUNAS or Secondary Logon Services. The appropriate registry key is HKLM\SOFTWARE\Microsoft\Windows\CurrentVersion\policies\Explorer, create a new DWORD value named HideRunAsVerb and assign it a value of 1 to disable Run as.

RUNAS doesn't work when used from a Windows service.

Windows : execute something in Program Files

We simply extract to environnment variable called %programfiles% and build the complete path from there.

[JDK1.5]

public class Exec {
static String WIN_PROGRAMFILES = System.getenv("programfiles");
static String FILE_SEPARATOR   = System.getProperty("file.separator");

public static void main(String[] args) throws Exception {
String[] commands =
  {"cmd.exe",
   "/c",
   WIN_PROGRAMFILES
   + FILE_SEPARATOR
   + "textpad 4"
   + FILE_SEPARATOR + "textpad.exe"};
Runtime.getRuntime().exec(commands);
}
}

Horizontal Scrolling Menu made with CSS and jQuery

There are a lot of cool flash scrolling menus out there, but I decided to make a similarly looking menu with just CSS and jQuery. I couldn’t achieve the same smoothness in animation, but anyway I’m really satisfied with the result. My menu works fine in all major browsers and degrades gracefully when Javascript is turned off.

In case you need a vertical version of a scrolling menu, please go to my newer tutorial.