Falling Bits Animation

Hướng dẫn tạo hiệu ứng kỹ thuật số.

* Xem kết quả tại đây!!

Các bước thực hiện

Bước 1:

_ Tạo flash document “FallingBits.fla” với khích thướt 300×300 nền màu đen 0×000000

_ Tạo 1 textField “myText”

  • fontSize là “15″
  • font chữ “Arial”
  • embedFont : “0-9″

embedText

_ Convert textField thành movieClip “insideMc”

_ Chọn Symbol “insideMC” trong lỉbrary gán linkage là “BitNumber”

linkage

Bước 2:

Tạo class “FallingBitNumber.as” trong thư mục “com/BitNumber”

CODE:

package com.BitNumber {
import flash.display.MovieClip;
import flash.events.Event;

// @author yoko


public class FallingBitNumber {
private var ROOT : MovieClip;
private var BIT_NUMBER : MovieClip;
private var ROWS : uint = 8;
private var COLUMNS : uint = 21;
private var NUMBERS : Array;

public function FallingBitNumber(mainTimeLine : MovieClip) {
ROOT = mainTimeLine;
ROOT.stage.frameRate = 24;

createNumberMap();

ROOT.addEventListener(Event.ENTER_FRAME, enterFrameHandle);
}

private function createNumberMap() : void {
NUMBERS = new Array();

for(var i : uint = 0;i < ROWS;i++) {
for(var j : uint = 0;j < COLUMNS;j++) {
BIT_NUMBER = new BitNumber() as MovieClip;
BIT_NUMBER.alpha = Math.random() * 1 + 0.02;
BIT_NUMBER.x = BIT_NUMBER.width * j;
BIT_NUMBER.y = BIT_NUMBER.height * i;
BIT_NUMBER.speed = Math.random() * 5 + 2;

ROOT.addChild(BIT_NUMBER);
NUMBERS.push(BIT_NUMBER);
randomBitNumer(NUMBERS);
}
}
}

private function enterFrameHandle(evt : Event) : void {
for(var i : uint = 0;i < NUMBERS.length;i++) {
NUMBERS[i].y += NUMBERS[i].speed;
if(NUMBERS[i].y > ROOT.stage.stageHeight) {
NUMBERS[i].y = 0;
}
}
}

private function randomBitNumer(NUMBERS : Array) : void {
for(var i : uint = 0;i < NUMBERS.length;i++) {
var newNumber : int = Math.floor(Math.random() * 2);
if (newNumber == 1) {
NUMBERS[i].myText.text = “1″;
}
else {
NUMBERS[i].myText.text = “0″;
}
}
}
}
// end class
}

Bước 3:

_ Mở file “FallingBits.fla” chọn frame 1

CODE:

import com.BitNumber.FallingBitNumber;
new FallingBitNumber(this);

_ Lưu lại Ctrl+Enter để xem kết quả

Gửi phản hồi

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Thay đổi )

Twitter picture

You are commenting using your Twitter account. Log Out / Thay đổi )

Facebook photo

You are commenting using your Facebook account. Log Out / Thay đổi )

Connecting to %s

Follow

Get every new post delivered to your Inbox.