Your SlideShare is downloading. ×
0
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Flash game
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Flash game

1,500

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,500
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Building interactive gameadobe flash cs - 3<br />Arizona Fauzie[5108100021]<br />Maulidan Bagus Afridian Rasyid[5108100139]<br />Yohanda Mandala[5108100196]<br />Adi Kurniawan[5108100201]<br />
  • 2. Apa itu Flash ?<br />Sejak diperkenalkan pada tahun 1996, Flash atau Macromedia Flash menjadi sangat populer dan langsung mendapat tempat di hati masyarakat dunia web karena dapat membuat menampilkan animasi dan interaksi di web. Tetapi sejak bulan Desember 2005, perusahaan Macromedia dibeli oleh Adobe dan kini berganti nama menjadi Adobe Flash sejak versi 9 atau CS3.<br />
  • 3. Kelebihan dan Kemampuan Flash<br />Merupakan teknologi animasi web yang paling populer saat ini sehingga banyak didukung oleh berbagai pihak<br />Ukuran file yang kecil dengan kualitas yang baikKebutuhan Hardware yang tidak tinggi<br />Dapat membuat website, cd-interaktif, animasi web, animasi kartun, kartu elektronik, iklan TV, banner di web, presentasi cantik, membuat permainan (game), aplikasi web dan handphone.Dapat ditampilkan di banyak media seperti Web, CD-ROM, VCD, DVD, Televisi, Handphone dan PDA.<br />
  • 4. Teknologi Flash<br />Flash sekarang bukan hanya sebagai software saja dengan nama Adobe Flash, tetapi juga merupakan suatu teknologi animasi di web. Jadi untuk membuat animasi web dengan format Flash (SWF) kita tidak harus menggunakan software Adobe Flash, tetapi bisa menggunakan software lain seperti SwishMax, Vecta 3D, Swift 3D, Amara, Kool Moves dan masih banyak lagi.Namunpadakesempataninikitaakanmembahaskhususuntuk Adobe Flash CS 3<br />
  • 5. Sejarah Flash<br />Macromedia Flash (1995)<br />Macromedia Flash 2 (1997)<br />Macromedia Flash 3 (1998)<br />Macromedia Flash 4 (1999)<br />Macromedia Flash 5 (2000)<br />Macromedia Flash 6 (2002) atau Macromedia Flash MX<br />Macromedia Flash 7 (2003) atau Macromedia Flash MX 2004<br />Macromedia Flash 8 (2005)<br />Adobe Flash 9 (2007) atau Adobe Flash CS3<br />Adobe Flash 10 (2008) atau Adobe Flash CS4<br />
  • 6. Creating interactive game with adobe flash cs 3<br />Click Here to View Sample<br />
  • 7. Introduction<br />Dalam tutorial ini kita akan menciptakan shooting game kesulitan menengah. Dasar OOP akan dijelaskan konsep-konsep serta beberapa tingkatlebih tinggiteknik coding. Hal ini pada dasarnya memiliki struktur yang akan bekerja pada kebanyakan jenisflash games. <br /> Grafik untuk pemain sangat sederhana yaitu terdiri dari sebuah lingkaran dengan garis yang melekat padanya, yang berputar sesuai dengan gerakan mouse. Bola merah datang secara acak dan menembak mereka untuk mendapatkan poin pada pemain. Jika bola merah tertumbuk maka akan menurunkan health pemain.<br />
  • 8. preview<br />
  • 9. Setting up the document class<br />Di flash adobe CS-3, Anda dapat mengkonfigurasi project class dengan mengklik di stage dan memilih “document class" di properti. Dalam tutorial ini kita akan nama kelas kami "GameBasis".<br />
  • 10. document class adalah perpanjangan dari timeline utama yang kita lihat dalam FLAfile. Di kelas ini kita memiliki akses langsung ke tahap yang berguna untuk mendapatkanproperti tertentu seperti stage.stageWidth, stage.quality, stage.frameRate, dll.<br />
  • 11.
  • 12. Pada kode diatas, mulai dari atas kita melihat bahwa package{ telah digunakankarena class ini terletak di top level dari project. <br />Jika misalnya kelas ditempatkan dalam folder “banana", itu akan dikodekan sebagai package banana{<br />Constructor function GameBasis() dipanggil setiap kali class baru di instansiasi.Kita menetapkan nilai Stage sebagai variabel statis. Sebuah variabel statis adalah milikclass dan dapat diakses dari manapun di program sebagai GameBasis.STAGE.Variabel statis dan metode yang kuat karena kelas tidak selalu harus instantiated terlebih dahulu sebelum kita dapat mengaksesnya.<br />
  • 13. Adding a button for the main menu<br />Untuk memulai game, kita akan membutuhkan tombol start. Buat teks di stage,lalu pilih dan tekan “Convert to Symbol". Kali ini kita menamakan tombol tersebut start_game lalu kita mengexportnya dengan nama fungsi new start_game_gfx()<br />
  • 14.
  • 15. Game control functions<br />
  • 16. Selanjutnya kita akan menginherit class game kita dengan class initGame. Class ini berisi semua yang akan kita butuhkan untuk membuat fungsi2 dari game dan membuat instansiasi<br />Selain itu event listener juga perlu ditambahkan untuk menghandle GAME_OVER, resetGame, startGame, pauseGame dll<br />
  • 17. Creating the initGame class<br />
  • 18.
  • 19. Disinilah fungsi fungsi dasar dari initGame akan diperlihatkan. Bisa dilihat dari kodingan diatas bahwa start() dan pause() adalah public sedangkan yang lainnya adalah private. Hal ini berarti bahwa yang bisa diakses dari GameBasis hanyalah dua fungsi tersebut<br />
  • 20. Making the player move and rotate <br />Di dalam game ini player tersebut memiliki satu class tersendiri dimana akan menghandle event2 yang diberikan oleh mouse.<br />
  • 21.
  • 22. Untukmembuat player begerak, kitamenambahkanfungsimoveplayer() padagameloop.<br />PadacalcPlayerDiff(), menghitungpeubahandariposisi mouse sekarangdanposisi player sekarang.<br />Math.atan2(calc.dx,calc.dy)*57. menghitungrotasi yang dilakukan 57 disinisamadengan 180/pi<br />calcPlayerDiff() adalah object sehinggamudahuntukdiaksesmultivariabelpadamovePlayer()<br />
  • 23. Adding linier moving object<br />Untukpergeseran object, KSG code library digunakanpada bullet <br />
  • 24.
  • 25. Keuntunganmenggunakan method diatasadalahdapatmenggerakkan bullet dengancepat.<br />Kelasjugamengkombinasikangerakkandankecepatan<br />
  • 26. Diatasjugaterdapatkonsep OOP polymorfism.<br />Denganmenggunakan super(), berartimem-pass parameter padakonstruktorfungsi parent.<br />
  • 27. Kita lihat class PlayerBullet() yang merupakanturunandariKSGLinierMO()<br />PlayerBulletjadi class sendirikarenapunyapropertikhusussendiriseperti graphic dan speed.<br />Sangatbergunakitaakanmenggunakan object dalambentuk array.<br />
  • 28. PadafungsishootBullet() dibuat instance baruPlayerBulletdanmenambahkanmov_ob_array. Fungsiadafungsi move() yang ditemukandiKSGLinierMO()<br />
  • 29. Adding enemies<br />
  • 30. Enemies bertambahberdasarkanwaktu t. Kita menggunakan modulo untukmembuat enemy secara random setiapbeda loop.<br />Membuat starting point penggandaan enemies dengan radius 500 daripusat screen. Mengarahkeposisi player. <br />Class bullet musuhsamadengan player tapidenganperbedaan properties<br />
  • 31. Moving the moving object<br />
  • 32. Code example 10: The loop over the moving object array, mov_ob_array [ initGame.as ]<br />
  • 33. Denganmenambah object enemies, Kemudiankitacekapakahobjektersebutadalahtipedata enemies. Selanjutnyacek player apakahterjaditabrakan. Apabilaterjaditabrakan, kuranginilai health dari player. Untukukurjarakcukupmenggunakanakardantidakperluterlalu detail.<br />Cekapakahterjaditabrakanpada enemies, apabilabenar, makabRemovediset true. Dan objek enemies akandiremovedari display.<br />
  • 34. Game over dan return ke menu<br />Code example 11: Game over and return to menu functions [ initGame.as ]<br />
  • 35. Jika health <= 0 makafungsigameOver() akanaktif. Kemudian loop ter-pause dan mouse nampaklagi.<br />Ketikaanimasiselesai, fungsireturnToMenu() aktif.<br />Untukmeyakinkantidakadalagi object takdiinginkan, makaada loop untukmenremovesampai children samadengan nol.<br />Akhirnya, akanberapadi menu utama.<br />
  • 36. Game instance variable dantextfield<br />TerlihatdiatasadaGameBasis.stats.healthdanGameBasis.stats.pointsdengantexfield-nya.<br />Yang membuat instance statsHolder<br />
  • 37. PadastatsHolderkitadapatfungsi setter dan getter. Yang dapatmengaksesstats.healthdanstats.points.<br />Ketika setting variable disetdengan object varOb.<br />Textfields health yang beradadiinitGames.as<br />
  • 38. Adding sound<br />Terdapat class mudahdi KGS library untuk sound effect.<br />Untukmenjalakan sound, gunakan code<br />
  • 39. Building interactive gameadobe flash cs - 3<br />Arizona Fauzie[5108100021]<br />Maulidan Bagus Afridian Rasyid[5108100139]<br />Yohanda Mandala[5108100196]<br />Adi Kurniawan[5108100201]<br />

×