Building interactive gameadobe flash cs - 3Arizona Fauzie[5108100021]Maulidan Bagus Afridian Rasyid[5108100139]Yohanda Mandala[5108100196]Adi Kurniawan[5108100201]
Apa itu Flash ?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.
Kelebihan dan Kemampuan FlashMerupakan teknologi animasi web yang paling populer saat ini sehingga banyak didukung oleh berbagai pihakUkuran file yang kecil dengan kualitas yang baikKebutuhan Hardware yang tidak tinggiDapat 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.
Teknologi FlashFlash 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
Sejarah FlashMacromedia Flash (1995)Macromedia Flash 2 (1997)Macromedia Flash 3 (1998)Macromedia Flash 4 (1999)Macromedia Flash 5 (2000)Macromedia Flash 6 (2002) atau Macromedia Flash MXMacromedia Flash 7 (2003) atau Macromedia Flash MX 2004Macromedia Flash 8 (2005)Adobe Flash 9 (2007) atau Adobe Flash CS3Adobe Flash 10 (2008) atau Adobe Flash CS4
Creating interactive game with adobe flash cs 3Click Here to View Sample
IntroductionDalam 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.  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.
preview
Setting up the document classDi 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".
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.
Flash Game
Pada kode diatas, mulai dari atas kita melihat bahwa package{ telah digunakankarena class ini terletak di top level dari project. Jika misalnya kelas ditempatkan dalam folder “banana", itu akan dikodekan sebagai package banana{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.
Adding a button for the main menuUntuk 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()
Flash Game
Game control functions
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 instansiasiSelain itu event listener juga perlu ditambahkan untuk menghandle GAME_OVER, resetGame, startGame, pauseGame dll
Creating the initGame class
Flash Game
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
 Making the player move and rotate Di dalam game ini player tersebut memiliki satu class tersendiri dimana akan menghandle event2 yang diberikan oleh mouse.
Flash Game
Untukmembuat player begerak, kitamenambahkanfungsimoveplayer() padagameloop.PadacalcPlayerDiff(), menghitungpeubahandariposisi mouse sekarangdanposisi player sekarang.Math.atan2(calc.dx,calc.dy)*57. menghitungrotasi yang dilakukan 57 disinisamadengan 180/picalcPlayerDiff() adalah object sehinggamudahuntukdiaksesmultivariabelpadamovePlayer()
Adding linier moving objectUntukpergeseran object, KSG code library digunakanpada bullet
Flash Game
Keuntunganmenggunakan method diatasadalahdapatmenggerakkan bullet dengancepat.Kelasjugamengkombinasikangerakkandankecepatan
Diatasjugaterdapatkonsep OOP polymorfism.Denganmenggunakan super(), berartimem-pass parameter padakonstruktorfungsi parent.
Kita lihat class PlayerBullet() yang merupakanturunandariKSGLinierMO()PlayerBulletjadi class sendirikarenapunyapropertikhusussendiriseperti graphic dan speed.Sangatbergunakitaakanmenggunakan object dalambentuk array.
PadafungsishootBullet() dibuat instance baruPlayerBulletdanmenambahkanmov_ob_array. Fungsiadafungsi move() yang ditemukandiKSGLinierMO()
Adding enemies
Enemies bertambahberdasarkanwaktu t. Kita menggunakan modulo untukmembuat enemy secara random setiapbeda loop.Membuat starting point penggandaan enemies dengan radius 500 daripusat screen. Mengarahkeposisi player. Class bullet musuhsamadengan player tapidenganperbedaan properties
Moving the moving object
Code example 10: The loop over the moving object array, mov_ob_array [ initGame.as ]
Denganmenambah object enemies, Kemudiankitacekapakahobjektersebutadalahtipedata enemies. Selanjutnyacek player apakahterjaditabrakan. Apabilaterjaditabrakan, kuranginilai health dari player. Untukukurjarakcukupmenggunakanakardantidakperluterlalu detail.Cekapakahterjaditabrakanpada enemies, apabilabenar, makabRemovediset true. Dan objek enemies akandiremovedari display.
Game over dan return ke menuCode example 11: Game over and return to menu functions [ initGame.as ]
Jika health <= 0 makafungsigameOver() akanaktif. Kemudian loop ter-pause dan mouse nampaklagi.Ketikaanimasiselesai, fungsireturnToMenu() aktif.Untukmeyakinkantidakadalagi object takdiinginkan, makaada loop untukmenremovesampai children samadengan nol.Akhirnya, akanberapadi menu utama.
Game instance variable dantextfieldTerlihatdiatasadaGameBasis.stats.healthdanGameBasis.stats.pointsdengantexfield-nya.Yang membuat instance statsHolder
PadastatsHolderkitadapatfungsi setter dan getter. Yang dapatmengaksesstats.healthdanstats.points.Ketika setting variable disetdengan object varOb.Textfields health yang beradadiinitGames.as
Adding soundTerdapat class mudahdi KGS library untuk sound effect.Untukmenjalakan sound, gunakan code
Building interactive gameadobe flash cs - 3Arizona Fauzie[5108100021]Maulidan Bagus Afridian Rasyid[5108100139]Yohanda Mandala[5108100196]Adi Kurniawan[5108100201]

More Related Content

PDF
Gamejavaj2me
PDF
Membuat game j2 me nuril
DOCX
Soal kkpi ppt.
PDF
Mengenal Windows Azure Hadoop
PDF
Java2 micro edition_Helmi MH_1100631026
DOC
Herramient as
PDF
Plan de Promoción de Productos de la Dehesa
PDF
Primeras planas 19092014
Gamejavaj2me
Membuat game j2 me nuril
Soal kkpi ppt.
Mengenal Windows Azure Hadoop
Java2 micro edition_Helmi MH_1100631026
Herramient as
Plan de Promoción de Productos de la Dehesa
Primeras planas 19092014

Similar to Flash Game (20)

PPTX
Adobe Flash Cs3
PPTX
Adobe flash cs3
DOCX
Modul adobe flash_cs.5
PDF
Modul 5 pengembangan aplikasi mobile learning menggunakan intel xdk sesi 2
PDF
Netbeans jasper-tutorial
PDF
Bab 2(macromedia flash 8)
PPTX
dilla emang lo dfasdf dfasdf adsfa adsfads
PDF
Modul Praktikum Pemrograman Berorientasi Objek (Chap.10)
DOCX
Soal uas mobile learning
PPT
06. Action Script TUTORIAL ADOBE FLASH.ppt
PPTX
PPT LAPORAN PRAKTIKUM GAME DEVELOPMENT-.pptx
PDF
Three Days Making Android Game (with Flash) DAY 3
PDF
Laporan praktikum multimedia 5 5
PDF
Jeni j2 me-bab04-low level user interface
PDF
Jeni J2 Me Bab04 Low Level User Interface
DOCX
Modul psb 7 dan 8 J2ME LLUI
DOCX
Modul Ajar Informatika Kelas 8 SMP Fase D
DOCX
Introduction on Android programming Tutorial
PDF
Ebook corel draw x3 lengkap
Adobe Flash Cs3
Adobe flash cs3
Modul adobe flash_cs.5
Modul 5 pengembangan aplikasi mobile learning menggunakan intel xdk sesi 2
Netbeans jasper-tutorial
Bab 2(macromedia flash 8)
dilla emang lo dfasdf dfasdf adsfa adsfads
Modul Praktikum Pemrograman Berorientasi Objek (Chap.10)
Soal uas mobile learning
06. Action Script TUTORIAL ADOBE FLASH.ppt
PPT LAPORAN PRAKTIKUM GAME DEVELOPMENT-.pptx
Three Days Making Android Game (with Flash) DAY 3
Laporan praktikum multimedia 5 5
Jeni j2 me-bab04-low level user interface
Jeni J2 Me Bab04 Low Level User Interface
Modul psb 7 dan 8 J2ME LLUI
Modul Ajar Informatika Kelas 8 SMP Fase D
Introduction on Android programming Tutorial
Ebook corel draw x3 lengkap
Ad

Recently uploaded (10)

PPTX
Fiber_expert_development_program_rev.1.pptx
PDF
Struktur Data - 4 Pointer & Linked List
PDF
Struktur Data - 2 Pengantar Struktur Data
PPTX
BAHASA MELAYU STANDARD kwjekqjeljwqelkqw
PPTX
CARA AKSES KE INTERNET MELALUI WIFI ATAU LAN
PPTX
Materi Workshop Keuangan Digital 2025.pptx
PPTX
Introduction Financial Consolidatioan Multi currency integration to all ERP o...
PDF
Struktur Data - 1 Kontrak Perkuliahan
PPTX
Materi-1 Pengantar Infrastruktur Sistem Informasi.pptx
PDF
Struktur Data - 3 Array: Konsep & Implementasi
Fiber_expert_development_program_rev.1.pptx
Struktur Data - 4 Pointer & Linked List
Struktur Data - 2 Pengantar Struktur Data
BAHASA MELAYU STANDARD kwjekqjeljwqelkqw
CARA AKSES KE INTERNET MELALUI WIFI ATAU LAN
Materi Workshop Keuangan Digital 2025.pptx
Introduction Financial Consolidatioan Multi currency integration to all ERP o...
Struktur Data - 1 Kontrak Perkuliahan
Materi-1 Pengantar Infrastruktur Sistem Informasi.pptx
Struktur Data - 3 Array: Konsep & Implementasi
Ad

Flash Game

  • 1. Building interactive gameadobe flash cs - 3Arizona Fauzie[5108100021]Maulidan Bagus Afridian Rasyid[5108100139]Yohanda Mandala[5108100196]Adi Kurniawan[5108100201]
  • 2. Apa itu Flash ?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.
  • 3. Kelebihan dan Kemampuan FlashMerupakan teknologi animasi web yang paling populer saat ini sehingga banyak didukung oleh berbagai pihakUkuran file yang kecil dengan kualitas yang baikKebutuhan Hardware yang tidak tinggiDapat 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.
  • 4. Teknologi FlashFlash 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
  • 5. Sejarah FlashMacromedia Flash (1995)Macromedia Flash 2 (1997)Macromedia Flash 3 (1998)Macromedia Flash 4 (1999)Macromedia Flash 5 (2000)Macromedia Flash 6 (2002) atau Macromedia Flash MXMacromedia Flash 7 (2003) atau Macromedia Flash MX 2004Macromedia Flash 8 (2005)Adobe Flash 9 (2007) atau Adobe Flash CS3Adobe Flash 10 (2008) atau Adobe Flash CS4
  • 6. Creating interactive game with adobe flash cs 3Click Here to View Sample
  • 7. IntroductionDalam 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.  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.
  • 9. Setting up the document classDi 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".
  • 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.
  • 12. Pada kode diatas, mulai dari atas kita melihat bahwa package{ telah digunakankarena class ini terletak di top level dari project. Jika misalnya kelas ditempatkan dalam folder “banana", itu akan dikodekan sebagai package banana{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.
  • 13. Adding a button for the main menuUntuk 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()
  • 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 instansiasiSelain itu event listener juga perlu ditambahkan untuk menghandle GAME_OVER, resetGame, startGame, pauseGame dll
  • 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
  • 20. Making the player move and rotate Di dalam game ini player tersebut memiliki satu class tersendiri dimana akan menghandle event2 yang diberikan oleh mouse.
  • 22. Untukmembuat player begerak, kitamenambahkanfungsimoveplayer() padagameloop.PadacalcPlayerDiff(), menghitungpeubahandariposisi mouse sekarangdanposisi player sekarang.Math.atan2(calc.dx,calc.dy)*57. menghitungrotasi yang dilakukan 57 disinisamadengan 180/picalcPlayerDiff() adalah object sehinggamudahuntukdiaksesmultivariabelpadamovePlayer()
  • 23. Adding linier moving objectUntukpergeseran object, KSG code library digunakanpada bullet
  • 25. Keuntunganmenggunakan method diatasadalahdapatmenggerakkan bullet dengancepat.Kelasjugamengkombinasikangerakkandankecepatan
  • 26. Diatasjugaterdapatkonsep OOP polymorfism.Denganmenggunakan super(), berartimem-pass parameter padakonstruktorfungsi parent.
  • 27. Kita lihat class PlayerBullet() yang merupakanturunandariKSGLinierMO()PlayerBulletjadi class sendirikarenapunyapropertikhusussendiriseperti graphic dan speed.Sangatbergunakitaakanmenggunakan object dalambentuk array.
  • 28. PadafungsishootBullet() dibuat instance baruPlayerBulletdanmenambahkanmov_ob_array. Fungsiadafungsi move() yang ditemukandiKSGLinierMO()
  • 30. Enemies bertambahberdasarkanwaktu t. Kita menggunakan modulo untukmembuat enemy secara random setiapbeda loop.Membuat starting point penggandaan enemies dengan radius 500 daripusat screen. Mengarahkeposisi player. Class bullet musuhsamadengan player tapidenganperbedaan properties
  • 32. Code example 10: The loop over the moving object array, mov_ob_array [ initGame.as ]
  • 33. Denganmenambah object enemies, Kemudiankitacekapakahobjektersebutadalahtipedata enemies. Selanjutnyacek player apakahterjaditabrakan. Apabilaterjaditabrakan, kuranginilai health dari player. Untukukurjarakcukupmenggunakanakardantidakperluterlalu detail.Cekapakahterjaditabrakanpada enemies, apabilabenar, makabRemovediset true. Dan objek enemies akandiremovedari display.
  • 34. Game over dan return ke menuCode example 11: Game over and return to menu functions [ initGame.as ]
  • 35. Jika health <= 0 makafungsigameOver() akanaktif. Kemudian loop ter-pause dan mouse nampaklagi.Ketikaanimasiselesai, fungsireturnToMenu() aktif.Untukmeyakinkantidakadalagi object takdiinginkan, makaada loop untukmenremovesampai children samadengan nol.Akhirnya, akanberapadi menu utama.
  • 36. Game instance variable dantextfieldTerlihatdiatasadaGameBasis.stats.healthdanGameBasis.stats.pointsdengantexfield-nya.Yang membuat instance statsHolder
  • 37. PadastatsHolderkitadapatfungsi setter dan getter. Yang dapatmengaksesstats.healthdanstats.points.Ketika setting variable disetdengan object varOb.Textfields health yang beradadiinitGames.as
  • 38. Adding soundTerdapat class mudahdi KGS library untuk sound effect.Untukmenjalakan sound, gunakan code
  • 39. Building interactive gameadobe flash cs - 3Arizona Fauzie[5108100021]Maulidan Bagus Afridian Rasyid[5108100139]Yohanda Mandala[5108100196]Adi Kurniawan[5108100201]