AloFlash ! Cộng đồng flash Việt Nam



You are here: Tutorials  ActionScript 3.0 Di chuột để load hình ảnh as3

Di chuột để load hình ảnh as3

Email In PDF.
Xem kết quả: / 53
Bình thườngTuyệt vời 

Nhiều bạn học as3 quá mà as3 thì khó viết tut thôi mình cứ thỉnh thoảng đưa 1 vài tut as3 nhé. 

Nguyên vật liệu cho bài tập này là 1 tấm ảnh, mình chọn tấm ảnh tập thể hình này cho nó máu :D

Ok, vậy là xong. Giờ chúng ta bắt đầu vào làm nhé:

Bước 1:

Tạo 1 tài liệu flash mới, Ctrl + N chọn loại Action Script 3.0 nhé, nhấn Ctrl + J để mở bảng thiết lập các thông số cơ bản của flash (bức ảnh bạn muốn làm với kích thước bao nhiêu thì chọn kích thước cho flash bấy nhiêu) mình để tốc độ frame là 24 FPS.

Bước 2:

Click chuột vào frame đầu tiên nhấn F9 chèn vào đoạn code sau:

 

import com.greensock.*;
 
const COLUMNS:uint=10;
const ROWS:uint=10;
 
var imagesGrid : Array = new Array();    
 
var imageLoader:Loader = new Loader();
imageLoader.load(new URLRequest("http://aloflash.com/images/flash/aloflash1.jpg"));
imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onImageLoaded);
 
function onImageLoaded(e:Event):void {
 
var originalBitmapData:BitmapData = e.target.content.bitmapData;
 
var imageWidth : Number  = originalBitmapData.width / COLUMNS;
    var imageHeight : Number = originalBitmapData.height / ROWS;
 
for (var i = 0; i < COLUMNS; i++) {
 
for (var j = 0; j < ROWS; j++) {
 
var imageHolder:MovieClip = new MovieClip();
 
var image:Bitmap = new Bitmap();
image.bitmapData=new BitmapData(imageWidth,imageHeight);
  image.bitmapData.copyPixels(
originalBitmapData,
  new Rectangle(i * imageWidth, j * imageHeight,imageWidth, imageHeight),
  new Point(0,0));
 
imageHolder.addChild(image);
 
image.x = -imageWidth / 2;
image.y = -imageHeight / 2;
 
imageHolder.x= i*imageWidth + imageWidth/2;
imageHolder.y= j*imageHeight + imageHeight/2;
 
imageHolder.alpha=0;
imageHolder.addEventListener(MouseEvent.MOUSE_OVER, overHandler);
 
   imagesGrid.push(imageHolder);
addChild(imageHolder);
}
}
}
 
function overHandler(e:MouseEvent):void {
var imageGrid = e.target as MovieClip;
  imageGrid.scaleX = imageGrid.scaleY = 0;
  TweenLite.to(imageGrid, .5, {alpha: 1,scaleX:1,scaleY:1});
  imageGrid.mouseEnabled = false;
  imageGrid.removeEventListener(MouseEvent.MOUSE_OVER, overHandler);
}

Trong đó:

import com.greensock.*; là đoạn code sẽ gọi những AS tạo sẵn trong thư mục com/greensosk. Download file gốc về bạn sẽ thấy nhớ đặt thư mục com cùng cấp với file flash nhé.

 

const COLUMNS:uint=10;   
const ROWS:uint=10;     Đây là số cột và số hàng sẽ bị flash cắt ra, như đoạn code này thì flash sẽ cắt bức ảnh của bạn thành 100 mảnh, bạn có thể tạo bao nhiêu mảnh thì thay đổi thông số ở số 10 nhé.
 
http://aloflash.com/images/flash/aloflash1.jpg là đường dẫn của ảnh bạn muốn làm hiệu ứng.
 
Bước 3:
 
Xong rồi. :D chỉ đơn giản vậy thôi, giờ bạn có thể nhấn Ctrl + Enter để xem kết quả của mình.
 
Chúc các bạn thành công.
 
aloflash.com

Download

Bình luận (20)Add Comment
0
...
được viết bởi Kyper, Tháng mười 24, 2010
đang hứng thú thế mà "Hôm nay bận rồi để hôm khác mình viết tut này, tối thứ 7 máu chảy về tim đi chơi đã, đầu tuần tính tiếp. smilies/cheesy.gif" hixhix
0
...
được viết bởi meoditong, Tháng mười 25, 2010
ầy ko share hả admin smilies/cheesy.gif smilies/smiley.gif
0
...
được viết bởi hay qua, Tháng mười 25, 2010
Viết tut này đi admin, háo hức AS3 quá smilies/cry.gif
0
...
được viết bởi Kyper, Tháng mười 25, 2010
cai nay` dung TweenLite ak?
0
...
được viết bởi idesign9x, Tháng mười hai 07, 2010
hay nhỉ để em thử làm cái xem nào
0
...
được viết bởi .........., Tháng một 21, 2011
em su dung flash 8. lam theo huong dan thi` chay ko dc?hay la tai cai AS cua em ko phai la AS3?
0
...
được viết bởi Bardock, Tháng ba 15, 2011
huynh ơi...sao mà em đã làm rồi. Kết quả rất ổn mà sao khi export ra thì bị lỗi....không còn hiệu ứng này nữa là sao thế.? smilies/sad.gif
0
...
được viết bởi Bardock, Tháng ba 15, 2011
Help Me............
0
...
được viết bởi vu manh hau, Tháng chín 05, 2011
sao minh lam nhu the ma van ko dc la sao ha ban
0
...
được viết bởi alibaba, Tháng năm 24, 2012
Các bạn đã chọn loại ActionScript AS3.0 chưasmilies/shocked.gif
0
...
được viết bởi ád, Tháng sáu 08, 2012
ákldmaskldmlasfádasdasd
0
...
được viết bởi Bambi, Tháng sáu 16, 2012
Sao nó vẫn bị mấy đường kẻ ngang không khít được hả khổ chủ ơi???
0
...
được viết bởi quybaofc, Tháng chín 29, 2012
mình ko làm dc admin ak.chỉ mình chi tiết nha : Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó.
thanks
0
...
được viết bởi Bao, Tháng mười hai 27, 2012
Minh muon load anh tu may tinh thi lam sao. Thanks ban
0
...
được viết bởi david, Tháng tư 07, 2013
em muon dua hinh tu may vao ma khong dc ?
imageLoader.load(new URLRequest("http://aloflash.com/images/flash/aloflash1.jpg"));
imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onImageLoaded);

no toan bao loi o day? em da thu roi nhung chi co the dua hinh tu tren mang vao la dc. chu dua hinh tu may vao ma khong dc
xin moi nguoi chi dan them a.
0
...
được viết bởi Nam, Tháng bảy 19, 2013
Bạn ơi xuất file thành phẩm như nào hả bạn.?
mình mới học nên không biết xuất như thế nào
0
...
được viết bởi Kendo, Tháng tám 16, 2013
Bạn ơi mình đã làm .. nhưng nó cứ load hình default của nó..
làm sao thế hính khác vào đc bạn
0
...
được viết bởi Năng, Tháng chín 20, 2013
Ôi zời ơi, code thế này mà Ad cũng viết được. Đúng là thánh code. Em nhìn mà hoa cả mắt smilies/shocked.gif
0
...
được viết bởi truong, Tháng hai 02, 2015
bạn chỉ cần để địa chỉ tương đối là ok rồi,để hình vào cùng cấp vs file flash,thay địa chỉ http://aloflash.com/images/flash/aloflash1.jpg bằng hinh.jpg là xong đó mà,hj

Viết bình luận
nhỏ hơn | lớn hơn

busy