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:
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”.

5. Jalankan movie flash.
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 loadervar image:Bitmap=Bitmap(e.target.loader.content);var lebar:Number=image.width/5;var tinggi:Number=image.height/4;//membuat potongan2 gambar sebanyak 5x4for(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 acaknewPuzzlePiece.x=(Math.random()*550);newPuzzlePiece.y=(Math.random()*400);}}} |
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”.
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/
sumber: http://www.bengkelflash.com/2013/05/as3manipulasi-gambar-bitmap-menjadi-puzzle/
Tidak ada komentar:
Posting Komentar