Đối tượng di chuyển vi trí click chuột

Đối tượng di chuyển vi trí click chuột

Với bài tập này, chúng tôi sẽ hướng dẫn bạn cách tạo ra một đối tượng sẽ di chuyển theo

vị trí click chuột bằng cách sử dụng Action Script

Bước 1

Tạo một file Flash mới và thiết lập Width và Height là 300px Frame rate set là 45fps (số Frame

trong một giây)

Bước 2

Click đúp chuột vào layer 1 và đổi tên thành Background Thiết lập màu nền là #B8FECA hoặc

bất cứ màu nào bạn thích

Bước 3

Thêm một layer mới với tên là Object Sau đó bạn hãy tạo bất cứ đồ vật nào mà bạn muốn nó sẽ

chạy theo vị trí click chuột

Bước 4

Lựa chọn đối tượng vừa tạo (Ctrl + A) và nhấn phím F8 trên bàn phím (Convert to Symbol) để

chuyển đổi nó sang dạng Movie Clip

Bước 5

Lựa chọn Movie Clip “Object” > mở Properties (Ctrl + F3) và nhập nội dung object vào <Instance

name> (như hình dưới)

Bước 6

Tiếp tục lựa chọn lại đối tượng, mở Action Script (F9) và đưa vào nội dung script sau:

onClipEvent (load) {

friction = "0.18";

targetx = Random(300)+20;

targety = Random(300)+20

}

onClipEvent (enterFrame) {

mouse_x = int(targetx-this._x);

mouse_y = int(targety-this._y);

if (mouse_x>0 && mouse_y>0) {

quad = Number(4);

}

if (mouse_x<0 && mouse_y>0) {

quad = Number(1);

}

if (mouse_x<0 && mouse_y<0) {

quad = Number(2);

}

if (mouse_x>0 && mouse_y<0) {

quad = Number(3);

}

abs_x = Math.abs(mouse_x);

abs_y = Math.abs(mouse_y);

tg = abs_y/abs_x;

_root.maths = Math.atan(tg)*Number(180)/Math.PI;

if (quad == 1) { angle = number(90) - number(_root.maths) }

if (quad == 2) { angle = number(90) + number(_root.maths) }

if (quad == 3) { angle = number(270) - number(_root.maths) }

if (quad == 4) { angle = number(270) + number(_root.maths) }

if (not _root.done) { setProperty (_this, _rotation, angle); _root.done

= true}

speedx = difx*friction;

speedy = dify*friction;

setProperty (this, _y, _root.object._y+speedy);

setProperty (this, _x, _root.object._x+speedx);

difx = int(targetx)-this._x;

dify = int(targety)-this._y;

}

Bước 7

Thêm một layer mới với tên là Circle Chọn Oval Tool (O)

- Fill Color: để chế độ không màu

- Stroke color: chọn màu mà bạn thích

- Đường nét của hình tròn: chọn nét đứt hoặc tuỳ ý bạn

Bước 8

Chọn hình tròn và nhấn phím F8 để chuyển đổi hình tròn đó sang dạng Movie Clip

Bước 9

Vẫn lựa chọn Movie Clip “Circle” > Properties (Ctrl + F3) và nhập nội dung circle cho phần

<Instance Name>

Bước 10

Click đúp chuột vào Movie Clip “Circle” hoặc click chuột phải chọn Edit in Place

Bước 11

Vẫn chọn hình tròn > nhấn phím F8 để conver nó sang Movie Clip và đặt tên là circle_inside

Bước 12

Click vào Frame 10 và nhấn phím F6 Sau đó mở Action Script và đưa vào script sau:

gotoAndPlay(1);

Bước 13

Trở lại Frame 1, mở Properties

- Tại Tween chọn Motion

- Tại Rotate chọn CCW

Bước 14

Trở lại Scene chính (Scene 1), chọn layer Circle, mở Action Acript (F9) và đưa vào nội dung

script sau:

onClipEvent (load) {

startDrag (this, true);

_root.drag = this;

}

onClipEvent (mouseDown) {

_root.difx = this._x- _root.object._x;

_root.object.targetx = this._x;

_root.dify = this._y- _root.object._y;

_root.object.targety = this._y;

_root.done = False

}

Bước 15

Thêm một layer mới với tên là Action Script Mở bảng Action Script (F9) và đưa vào scipt sau: stop();

Và giờ bạn chỉ việc kiểm tra lại thành quả của mình bằng cách nhấn Ctrl + Enter hoặc nếu không

có thể lấy file hoàn thiện của tại đây