Membuat tampilan utama game 2d part 1

berjumpa lagi dengan saya admin uyasur. setelah agak lama saya tidak update tulisan karena sedang menyelesaikan karakter kedua dari game kita yg dulu pernah dibuat yaitu game dengan genre fighting. maka hari ini saya bisa menulis lagi untuk melanjutkan tulisan yg sebelumnya telah saya jelaskan. sekarang apakah Pekerjaan rumah kamu juga sudah selesai atau belum?

Membuat tampilan utama game 2d part 2

beberapa waktu lalu, kita sudah membuat background utama game kita sebagai tampilan atau halaman depan game. kemudian kita juga sudah membuat 2 atau lebih tombol menu untuk memulai permainan serta halaman tentang developer game yaitu kita sendiri. nah pada kali ini, kita akan membuat halamannya. namun sebelumnya ada yg terlupa oleh saya, yaitu memberi nama instance pada kedua tombol yg telah kita buat sebelumnya. jadi siapkan flash dan buka kembali game yg telah kita buat yaitu game pahlawan. kemudian, klik salah satu tombol dan beri nama instance di properties dibawah. beri nama yg sama dengan library kita yaitu, tombol1 dan 2. kamu juga bisa beri nama lain jika di inginkan yaitu, new game dan about.

Cara buat kode action script 2 untuk game flash

beberapa waktu yg lalu, kita sudah membuat gambar karakter untuk game 2d flash. kemudian kita juga sudah membuat beberapa gerakan karakter tersebut hingga membuat beberapa objek collision untuk event yg ditentukan pada karakter kita. bagi kamu yg ketinggalan pelajaran atau ingin memulainya dari awal, maka silahkan baca cara membuat game 2d dengan adobe flash CS part 1. disitu kamu bisa memulai pelajaran hingga sampai kepada tutorial ini. nah, jika sudah paham dan mengerti cara membuatnya hingga mempelajari animasi karakter dan objek collision. maka kita akan lanjutkan dengan cara membuat kode action script 2 untuk game flash kita ini.

Membuat game 2d animasi karakter part 8

Kali ini, kita akan menerapkan collider atau collision pada objek karakter game 2d kita. tapi sebelumnya, kita akan menyisipkan objek movieclip yg telah kita buat sebelumnya pada frame 1 sampai 4. lalu kemudian membuat objek collision dimulai dari keyframe 1. jadi persiapkan flash  CS dan buka kembali hasil kerja yg telah kita buat sebelumnya yaitu game pahlawan. kemudian aktifkan objek karakter kita di library.

Membuat game 2d animasi karakter part 7

Kali ini saya akan membahas tentang collision. sebenarnya, fitur tersebut tidak hanya ada pada flash, namun juga ada pada semua aplikasi pembuat game. jadi collision kadang dikenal sebagai hit test atau collider. biasanya pada game 3d dikenal sebagai collider. contohnya seperti ini, jika objek A dan B bertemu (saling kena). maka ada event (bahasa indonesianya peristiwa) tertentu yg aktif. dan event ini kita yg tentukan di dalam script pemograman.

Membuat game 2d animasi karakter part 6

Sebelumnya kita sudah membuat gerakan pukulan lemah dan kuat untuk karakter game 2d dan juga sudah memberikan nama untuk gerakan pertama kita. kali ini, saya akan melanjutkan tulisan sebelumnya dalam membuat animasi karakter game 2d dan yg belum kita buat adalah gerakan karakter menendang lemah dan kuat. jadi seperti biasa, siapkan flash kamu dan buka kembali hasil kerja yg telah kita buat sebelumnya yaitu game pahlawan. kemudian aktifkan objek karakter kita.

Membuat game 2d animasi karakter part 5

Pada tulisan saya sebelumnya, kita sudah membuat berbagai animasi gerakan karakter untuk game 2d kita dengan genre game fighting. ada gerakan berjalan, melompat, siaga, hingga karakter kalah. namun semua itu tidak akan berfungsi dengan baik jika kita tidak bisa menggunakannya dengan kontrol game. animasi karakter tersebut sebenarnya juga bisa difungsikan secara terpisah. tapi alangkah baiknya jika kita menggabungkan objek tersebut di dalam satu movieclip saja yaitu objek karakter (sur). selain itu, kita bisa dengan mudah memanggilnya di dalam satu action script. dan kode yg dituliskan pun tidak panjang.

Membuat game 2d animasi karakter part 4

Seperti yg sudah saya janjikan, hari ini kita akan membuat animasi karakter mati atau kalah di dalam game 2d pahlawan kita.dan jangan lupa, akan ada PR (Pekerjaan rumah) buat kamu nanti setelah animasi karakter game kita ini selesai dibuat. jadi pastikan kamu sudah mulai mengerti cara membuat dan memperbaiki gambar game 2d kita ini. kembali ke topik. nah, sebelumnya kita sudah membuat animasi karakter siap (siaga), berjalan dan melompat. kali ini kita akan mulai membuat animasi karakter kalah atau mati.

Membuat game 2d animasi karakter part 3

Beberapa waktu yg lalu kita sudah mulai membuat gerakan pertama dari karakter game 2d kita. kali ini kita akan membuat gerakan kedua yaitu karakter berjalan. karena sebelumnya kita sudah membuat karakter bersiap. jadi kita ingin karakter game 2d kita bisa berjalan. saya harap pada tulisan saya yg dulu sudah bisa membuat kamu mengerti tentang pivot point dan cara menerapkannya pada gambar karakter sehingga kita bisa memutar objek tersebut tanpa memutuskan sambungan antar garis dari gambar karakter kita. begitu juga dengan frame, label dan keyframe pada timeline animasi. sekarang kita mulai saja ya.

Membuat game 2d animasi karakter part 2

Baiklah, pada tulisan sebelumnya, saya sudah menjelaskan tentang frame, label dan keyframe serta bagaimana menerapkannya pada action script. saya juga mengharapkan bahwa tulisan saya bisa dipahami oleh kamu. kalau tidak, maka tidak apa. pada proses pembuatan nanti, mungkin bisa kamu pahami. jadi sekarang kita akan mulai membuat gerakan karakter dari game 2d pahlawan yg sudah kita buat sebelumnya.

Membuat game 2d animasi karakter part 1

Hari ini mungkin akan membosankan bagi kamu, karena kali ini saya hanya memberikan beberapa teori tentang animasi karakter game 2d. namun hal ini sangat penting untuk di ingat. karena jika kita tidak mengetahuinya, maka akan sangat sulit untuk membuat gerakan karakter. walaupun tidak begitu paham, setidaknya kita tahu. dan pada akhirnya semua berjalan dengan sendirinya. jadi tetap semangat dalam membuat game. disini saya juga akan jelaskan tentang apa itu animasi, frame, dan sebagainya. jadi mari kita mulai saja penjelasan saya ok.

Membuat game 2d dengan adobe flash CS part 12

Kita sudah belajar membuat karakter game 2d hingga sampai pada tahap pembuatan gambar lengan dan tangan karakter. hari ini kita akan membuat gambar terakhir untuk melengkapi komponen karakter game kita. setelah selesai nanti. kita akan belajar cara menggerakkan karakter tersebut yg disebut sebagai animasi. yah, sebaiknya tidak perlu dipikirkan dulu dan tetap fokus dalam menyelesaikan karakter. setelah itu, barulah kita pikirkan gerakan yg diperlukan untuk karakter game kita nanti.

Membuat game 2d dengan adobe flash CS part 11

Hari ini kita akan membuat gambar lengan dan tangan, beberapa waktu yg lalu kita sudah belajar cara membuat karakter game 2d, background game dan kita juga sudah sampai pada proses pembuatan gambar leher dan tubuh. sekarang kita akan belajar cara membuat lengan dan tangan karakter game 2d kita. jadi kalau dijumlahkan, ada 4 layer yg akan kita buat hari ini. kalau begitu kita mulai saja ya panduannya.

Membuat game 2d dengan adobe flash CS part 10

Akhirnya kita sampai pada tahap pembuatan leher dan tubuh karakter game 2d kita. saya rasa, hanya tersisa 2 atau 4 tulisan lagi maka kita akan menyelesaikan pembuatan karakter ini. setelah itu kita akan membuatnya bergerak. saya juga akan memberikan kamu PR (pekerjaan rumah) nanti setelah karakter selesai dan bisa bergerak sesuai keinginan kita. walaupun lambat tapi pasti itu lebih baik daripada cepat tapi ada yg salah. oh, mari kita kembali ke topik dan mari kita mulai membuat karakter game 2d.

Membuat game 2d dengan adobe flash CS part 9

hari ini kita akan membuat gambar rambut (hair) dan mulut. karena sebelumnya kita sudah menggambar mata, maka saya hanya mengingatkan kembali. kamu mungkin bertanya kenapa gambar mulut tidak dibuat saja di dalam layer kepala. alasannya sangat jelas. jika ingin membuat animasi mulut bergerak seperti bicara dan sebagainya. maka akan sangat baik membuatnya di layer lain dengan nama mulut. untuk hidung juga begitu sebenarnya jika kita ingin karakter yg dibuat bisa di kostumisasi secara lengkap. maka layer hidung juga bisa dibuat agar kita bisa mengganti gambar hidung. sekarang sudah jelas bukan. maka dari itu kita mulai saja cara membuatnya ok.

Membuat game 2d dengan adobe flash CS part 8

baiklah. kita sudah sampai pada tahap membuat karakter. dan kita sudah selesai dengan membuat gambar kepala. ada yg belum saya jelaskan sebelumnya tentang movie clip dan saya sendiri tidak bisa memastikan penjelasan yg pasti tentang movie clip. yg saya tahu  adalah, di simbol movie clip kita bisa membuat karakter tersebut bergerak. sedangkan untuk graphic. kita bisa membuat lebih dari 1 dan mengisinya ke dalam simbol movie clip. dan kita bisa mengganti graphic tersebut seperti equipment. sebagai contoh. kita memiliki 2 objek rambut dengan tipe graphic. saat berada di menu ganti equip di dalam game, rambut nomor 1 kita ganti dengan rambut nomor 2. jadi intinya, rambut nomor 1 yg sebelumnya ada di movie clip telah di ganti dengan rambut nomor 2. dan kelebihannya, kita tidak akan kehilangan objek rambut nomor 1. itulah gunanya simbol graphic.

Membuat game 2d dengan adobe flash CS part 7

Berjumpa lagi dengan saya admin blog ini uyasur. kali ini kita akan menggambar karakter untuk game 2d kita. bukan hanya itu, kita juga akan membuat karakter tersebut bergerak. selain itu, saya memiliki beberapa penjelasan yg penting sebelum membuat gambar karakter tersebut, pertama kita harus mengetahui tentang pivot point, simbol movie clip dan graphic. saya akan coba jelaskan disini dan berharap kamu bisa memahaminya. pivot point adalah sebuah titik dimana saat kita memutar sebuah objek gambar, maka putaran dari gambar tersebut dimulai dari titik pivot sehingga gambar tidak tergeser sedikitpun. saya yakin kamu belum paham dan saya juga waktu itu tidak paham. tapi tenang saja, setelah melihat contoh gambar yg saya buat di bawah ini nanti maka kamu akan paham.

Membuat game 2d dengan adobe flash CS part 6

Saya rasa kali ini kita membuat hasil akhir dari gambar background. karena berikutnya kita akan membuat gambar karakter game 2d serta membuatnya bisa bergerak sebagai animasi (akan kita bahas nanti). hari ini kita akan membuat gambar tanaman yg bisa saya bilang sedikit realistis dan menurut kamu mungkin biasa saja. proses pembuatan gambar tanaman ini akan memerlukan waktu yg sedikit lama kecuali kamu sudah terbiasa dan ahli dalam menggambar. pasti kamu tidak sabar lagi kan. kalau begitu mari kita mulai saja.

Membuat game 2d dengan adobe flash CS part 5

Bertemu lagi dengan saya admin uyasur. kali ini kita akan melanjutkan pembuatan game 2d kita dengan adobe flash CS. sebelumnya dan seperti biasanya, kita sudah membuat sebuah gambar background dilengkapi dengan gambar gunung, tanah dan rumput. pada kali ini, kita akan membuat gambar pohon. kamu pasti tahu bahwa sebuah pemandangan tentu belum lengkap jika tidak ada pohon. maka dari itu kita akan membuatnya hari ini. seperti biasa, saya akan jelaskan beberapa hal yg bisa dijadikan tips untuk kalian dalam menggambar pohon. ada beberapa hal yg harus diperhatikan dalam membuat gambar pohon. yg pertama apakah gambar pohon yg ingin kita buat ini realistis, kartun, dan sebagainya. karena saya kurang mahir dalam menggambar, maka pohon yg akan saya buat kali ini berupa tipe kartun. selain mudah, menggambar pohon dengan tipe kartun ini juga tidak memerlukan waktu yg lama. akan sangat berbeda jika pohon yg kita buat realistis. kita harus mendesain gambar tersebut dengan banyak tools seperti, pencil, brush, gradient dan sebagainya. warna pada gambar pohon realistis juga banyak dan tentu saja akan memerlukan waktu yg lebih lama. maka dari itu saya hanya membuat gambar pohon tipe kartun. karena sekarang kalian sudah tahu. mari kita mulai membuatnya.

Membuat game 2d dengan adobe flash CS part 4

Waktu itu, kita sudah membuat gambar background, gunung dan tanah. kali ini kita akan membuat gambar rumput (bush) yg akan menambah keindahan pada background game kita. sebenarnya, kita bisa menggunakan kreatifitas untuk membuat gambar yg lain. terutama bagi kamu yg mahir dalam menggambar. sebagai contoh, kamu mungkin bisa menggambar batu yg diletakkan di bawah gambar gunung dan sebagainya. jadi, tidak ada salahnya jika kamu ingin mencoba membuat gambar hasil karya sendiri. bagi kamu yg belum mahir dan masih memerlukan panduan dalam menggambar. maka kamu bisa ikuti gambar yg telah saya buat di dalam tulisan ini.

Membuat game 2d dengan adobe flash CS part 3

Pada tulisan saya kali ini, kita akan melanjutkan pembuatan background kita. sebelumnya kita sudah membuat latar belakang dan sebuah gambar gunung. sekarang kita akan membuat gambar tanah. ada 3 sudut pandang yang harus diperhatikan untuk gambar ini. apakah tampilan game tersebut dari sudut pandang atas, setengah, dan samping. untuk game 3d sendiri sebenarnya juga memiliki sudut pandang yg harus diperhatikan misalnya FPS, third person dan atas. contoh map dan sebagainya. nah, untuk game yg akan kita buat ini menggunakan sudut pandang setengah. bahasa sederhananya miring. yah, itu hanya rumus yg saya buat sendiri dan mungkin tidak berlaku untuk yg lain. tapi setidaknya kita memiliki sudut pandang yg tepat agar game kita terlihat baik saat berjalan nanti.

Membuat game 2d dengan adobe flash CS part 2

Sebelumnya kita sudah membuat gambar cahaya atau background untuk game 2 dimensi kita. dan agar tampilan background kita indah, maka kita akan membuat gambar baru. jadi kita perlu kreatif sedikit dengan membayangkan bahwa kita berada di sebuah tempat yg indah. sebagai contoh untuk game pahlawan ini adalah seorang karakter yg berdiri diatas tanah, dan ada pohon dan pemandangan lainnya agar terlihat lebih pas dengan karakter tersebut.maka dari itu kita membuat beberapa gambar lagi agar background kita menjadi lebih lengkap. dan kali ini, kita akan membuat gambar gunung untuk melengkapi background kita.

Membuat game 2d dengan adobe flash CS part 1

Sebelum saya memulai tutorial ini, saya akan beritahu kalian bahwa bagi kita yg tidak terlalu baik dalam menggambar. maka tidak perlu bersedih. saya sendiri juga tidak hebat dalam menggambar namun akhirnya bisa membuat 1 sampai 2 game flash. dan tentu saja hal ini tidak akan menghalangi impian kita dalam membuat game yg sering ingin kita buat selama ini. bahkan dengan gambar seadanya serta cerita yg sangat menarik maka akan membuat game kita jadi seru untuk dimainkan. bagi kamu yg baru saja menyelesaikan 1 pembuatan game dan ternyata tidak begitu menarik, maka tidak perlu risau. semakin sering kita belajar dalam membuat game, maka keahlian kita akan semakin meningkat. dan tentu saja bagi yg baru pertama kali membuatnya akan merasakan kesusahan. tapi semakin lama akan semakin mudah.

nah, untuk game pertama yg akan kita buat ini memiliki genre fighting. saya sendiri mempelajari cara membuat game ini dari sebuah buku dan saya sangat berterima kasih kepada penulis buku tersebut. sebelum kita mulai, saya pastikan kalian sudah mempersiapkan bahan yg sudah saya jelaskan pada tulisan pertama saya di blog ini. jadi kita mulai saja tutorial ini.