Memanipulasi gambar bitmap menjadi puzzle

Flash mendukung tiga jenis file bitmap, yaitu JPG, GIF dan PNG. Ketiganya dapat dimanipulasi seperti memotongnya menjadi bagian-bagian kecil seperti puzzle. Pada tutorial kali ini kita akan mencoba membuat gambar puzzle sebagai hasil dari manipulasi gambar bitmap.
1.  Buka dokumen baru actionscript 3.0.
2.  Buka panel actionscript kemudian ketikan script berikut:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
var req:URLRequest=new URLRequest("image.jpg");
var loader:Loader=new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadingDone);
loader.load(req);
function loadingDone(e:Event)
{
//membuat bitmap loader
var image:Bitmap=Bitmap(e.target.loader.content);
var lebar:Number=image.width/5;
var tinggi:Number=image.height/4;
//membuat potongan2 gambar sebanyak 5x4
for(var x:int=0;x<5;x++)
{
for(var y:int=0;y<4;y++)
{
var newPiece:Bitmap=new Bitmap(new BitmapData(lebar,tinggi));
newPiece.bitmapData.copyPixels(image.bitmapData,new Rectangle(x*lebar,y*tinggi,lebar,tinggi),new Point(0,0));
var newPuzzlePiece:Sprite=new Sprite();
newPuzzlePiece.addChild(newPiece);
addChild(newPuzzlePiece);
//menempatkan potongan gambar secara acak
newPuzzlePiece.x=(Math.random()*550);
newPuzzlePiece.y=(Math.random()*400);
}
}
}
3.  Setelah itu, simpan file dengan nama “ManipulasiGambar.fla”.
4.  Langkah terakhir, cari sebuah gambar dengan ukuran di bawah 640×480. Kemudian pindahkan ke dalam folder tempat anda menyimpan file ManipulasiGambar.fla, dan ganti nama file gambar menjadi “image.jpg”.
Manipulasi Gambar Bitmap Menjadi Puzzle
5.  Jalankan movie flash.
This movie requires Flash Player 9
Download Source Code

 sumber: http://www.bengkelflash.com/2013/05/as3manipulasi-gambar-bitmap-menjadi-puzzle/

Tidak ada komentar:

Posting Komentar