Di chuyển vật bằng chuột
Di chuyển vật bằng chuột
Thứ bảy, 04 Tháng 10 2008 02:00



Xem kết quả:




 / 5 Bình thườngTuyệt vời 
 
Bản xem thử
Ta sẽ mở một file Flash mới, đặt tên là diChuyenVatBangChuot.fla gồm 2 layer: layer nen (nằm trên, chứa các đối tượng thiết kế) và layer action (nằm dưới, chứa mã lệnh đều khiển). Để điều khiển vật bằng chuột thì phải xác định được vị trí của vật cũng như cuả chuột, từ đó mới xác lập được lệnh địch chuyển dựa trên vị trí tương đối giữa chúng. Mọi thứ trong Flash đều có vị trí và được xác định dựa trên hệ tọa độ 2 chiều vuông góc, gốc O(0,0) nằm ở góc trên bên trái của vùng thiết kế, trục Ox hướng từ trái qua phải, trục Oy hướng từ trên xuống, độ dài các trục phụ thuộc vào kích thước vùng thiết kế mà ta chọn.  


Đối với con trỏ chuột thì vị trí của nó được xác định trong panel Info. Bạn hãy mở panel này lên rồi di chuyển chuột sẽ thấy rõ sự thay đổi của các thông số (X,Y). Để yêu cầu thông tin của con trỏ chuột, bạn sử dụng 2 lệnh thuộc tính _xmouse và _ymouse.
 
       

Đối với một biểu tượng thì vị trí của nó cũng có thể quan sát thấy trên bảng panel Info hay bảng thuộc tính Properties, vị trí này được tính là vị trí của tâm vùng thiết kế riêng của mỗi symbol. Để yêu cầu thông tin của biểu tượng, bạn sử dụng 2 lệnh thuộc tính _x và _y. Lưu ý: khi bạn đưa chuột ra ngoài Flash Window, tọa độ _xmouse va _ymouse sẽ không thay đổi. Nếu bạn di chuyển chuột thật nhanh từ trung tâm của cửa sổ ra ngoài cửa sổ thì các giá trị cũ vẫn ở đó cho tới khi bạn quay lại cửa sổ. Vì vậy bạn phải luôn lên kế hoạch cẩn thận (có điều kiện kèm theo) trước khi dùng 2 lệnh thuộc tính này. Bây giờ, bạn hãy tạo 3 movie clip tên: x, y (hình chữ nhật bo nhẹ) và xy (hình tâm ngắm).
 

Sau khi thiết kế xong, bạn đặt tên cho 3 movie clip lần lượt theo đúng thứ tự trên là x, y, xy. 


Lưu ý: tên sử dụng trong mã lệnh là tên highlight màu vàng, tên highlight màu xanh lá là instance name, tên của MC mà bạn đặt khi tạo MC. Sau khi đặt tên, bạn chọn MC và nhập đoạn code tương ứng: -Đối với MC x: // khi MC được sử dụng thì chưa cho phép drag (nắm và kéo đối tượng) onClipEvent (load) {  dragging = false;  }   // khi ấn chuột xuống, nếu vị trí chuột nằm trên vật thì cho phép drag onClipEvent (mouseDown) {  if (this.hitTest(_root._xmouse, _root._ymouse)) {   dragging = true;   }  } // khi chạy frame này, nếu đang drag thì vị trí x của MC này (this.) và chuột sẽ trùng nhau onClipEvent (enterFrame) {  if (dragging) {   this._x = _root._xmouse;   } } // khi thả chuột ra thì dừng drag onClipEvent (mouseUp) {  dragging = false ;  } - Đối với MC y: // khi MC được sử dụng thì chưa cho phép drag (nắm và kéo đối tượng) onClipEvent (load) {  dragging = false;  }   // khi ấn chuột xuống, nếu vị trí chuột nằm trên vật thì cho phép drag onClipEvent (mouseDown) {  if (this.hitTest(_root._xmouse, _root._ymouse)) {   dragging = true;   }  } // khi chạy frame này, nếu đang drag thì vị trí y của MC này (this.) và chuột sẽ trùng nhau onClipEvent (enterFrame) {  if (dragging) {   this._y = _root._ymouse;   } } // khi thả chuột ra thì dừng drag onClipEvent (mouseUp) {  dragging = false ;  } - Đối với xy, ta sẽ viết trên frame để điều khiển xy: // khi bắt đầu chạy frame thì vị trí của MC xy luôn trùng với vị trí của con trỏ chuột _root.onEnterFrame = function(){  xy._x = _root._xmouse ;  xy._y = _root._ymouse ; } Hãy chạy thử và dịch chuyển, ta sẽ thấy chỉ có thể di chuyển x dọc theo OX và y dọc theo Oy, còn xy thì luôn theo chuột. Ngoài ra, để dịch chuyển chuột