FlashDevelop Tutorial

By | December 4 2010 | Artikel,Flash | 2 Comments

Intro

Code Editor di Flash IDE sangatlah buruk, karena tidak memiliki auto complete, refactoring dan hal – hal yang lainnya. Developer flash yang handal biasanya tidak menggunakan Flash IDE untuk koding di dalamnya. Mereka memakai code editor. Ada banyak Code Editor yang bisa anda pakai seperti Intellij IDEA, FDT, Realaxys, FlashDevelop, FlashBuilder dan masih banyak lagi yang lain. Persamaan mereka adalah mereka membutuhkan Flex SDK untuk compiling program.

FlashDevelop adalah sebuah Code Editor Gratis yang dispesialisasikan untuk flash platform walaupun tak menutup kemungkinan untuk web dan yang lainnya. FlashDevelop sendiri dibangun diatas .NET Framework. 

1. Download .NET Framework.

http://www.microsoft.com/net/download.aspx

2. Download JRE 1.6+

http://www.oracle.com/technetwork/java/javase/downloads/

3. Download FlashDevelop

http://www.flashdevelop.org/wikidocs/

Klik di bagian Release notes dan download. Anda akan masuk ke halaman lain dan download FlashDevelop yang terbaru.

4. Saatnya Install

Pertama – tama install terlebih dahulu .NET Framework dan Java Runtime Environment-nya. Setelah selesai barulah anda install FlashDevelop.

FlashDevelop versi 3.3 sedang mendownload Flex SDK yang ada. Tidak seperti versi sebelumnya 3.2 yang mengharuskan anda untuk mendownload secara terpisah dan baru diintegrasikan kemudian.

5. Tampilan awal FlashDevelop

6. Buat Project baru.

Klik Project >> New Project
- Pilih AS3 Project
- Masukkan Name “IntroFlashDevelop”.
- Centang Create Directory Project.
- Klik Ok.

7. Tampilan Main Page.

Ini adalah tampilan Main.as dimana pada tampilan ini anda dapat melihat beberapa kode yang otomatis dibuat (Template). Jika anda tidak dapat menemukan tampilan ini anda bisa ke
View >> Project Manager.

8. Checking dan Testing.

Untuk mencoba segala sesuatunya berjalan tekan F5 untuk kompilasi. Jika sukses maka akan muncul tampilan FlashPlayer seperti dibawah.

Sekarang kita akan mencoba membuat lingkaran :
Tambahkan kode berikut setelah //entry point

var circ:Sprite = new Sprite();
circ.graphics.beginFill(0xFF0000, 1);
circ.graphics.drawCircle(0, 0, 100);
circ.graphics.endFill();

circ.x = stage.stageWidth >> 1;
circ.y = stage.stageHeight >> 1;

addChild(circ);

Setelah itu coba kembali tekan F5 untuk kompilasi. Jika anda akan melihat sebuah lingkaran merah di tengah berarti anda telah berhasil mensetup FlashDevelop.

Fitur favorit saya dalam menggunakan flash develop adalah shortcut Ctrl+Shift+1. Anda bisa melakukan deklarasi setter/getter, generate function lengkap dengan listener. Ada pula Ctrl+Alt+S yang bisa anda gunakan untuk mengimport Class serta Ctrl+S untuk code completion.

Untuk lebih jelasnya bisa dilihat disini :
http://www.flashdevelop.org/wikidocs/index.php?title=Shortcuts

Sekian dulu dan maju terus dunia interaktif indonesia.

Written by Herman Taniwan

Founder hermantaniwan.com, Website tutorial berisi mengenai hal - hal yang mensupport interaktifitas di indonesia. Seorang Flash and Flex Developer,PHP Developer, Public Speaker, Chess and Pixel art hobbyist.

Related Posts

  1. Cross Browser Copy
  2. thumbnail_mouseEvent
  3. AdobeCampLogo
  4. Molehill API
  5. Google Fonts

Responses

2 Responses

  1. godofvaganza says:

    tutorial menarik, saya dari dulu pengen gunain flash developer karena selain opensource, agaknya kalau menggunakan ini terlihat lebih ‘expert’. Ditambah lagi ya mas tutorial tentang flash developnya, terutama saya juga ingin tahu perbandingan secara rincinya, kelebihan coding menggunakan coding diluar Flash IDE itu apa saja. Trims

  2. xtrawhale says:

    menarik ini flashdevelop, saya sedang mencoba menggunakan flashdevelop untuk membuat aplikasi sederhana…

Add Comment

Comments Box