Selasa, 25 Agustus 2015

[Cocos2d-JS] [Part 1] Menginstall dan Menjalankan Cocos2d-JS pada Mac OS X

Saya begadang nih, sambil nunggu jadwal sidang skripsi. Sambil mengisi waktu luang, saya akan memberikan tutorial penginstalan Cocos2d-JS pada sistem operasi Mac OS X besutan Apple. Untuk sistem operasi Windows tunggu tutorial Part 2 ya :-P


Bagi Anda yang belum tau apa itu Cocos2d-JS silahkan baca Artikel [Cocos2d-JS] Berkenalan Dengan Game Engine Untuk Mobile - Cocos2d-JS yang telah saya buat sebelumnya. Sebelum memulai proses instalasi, silahkan Anda download software-software berikut, tentunya yang sesuai dengan sistem operasinya.

Langkah-langkah :
  1. Install Python sampai selesai
  2. Ekstrack Apache Ant, Android SDK, Android NDK dan Cocos2d-JS pada directory /Developer
  3. Kemudian buka terminal dan ketik perintahcd /Developer/cocos2d-js-v3.3 (Sesuaikan dengan versi yang Anda download).
  4. Ketik kembali perintahsudo python setup.py
  5. Drag folder Android NDK ke terminal dan pastikan tidak ada spasi tersisa, kemudian tekan Enter.
  6. Selanjutnya drag folder Android SDK dan pastikan tidak ada spasi tersisa, kemudian tekan Enter.
  7. Terakhir buka folder Apache Ant dan drag folder bin ke terminal, pastikan tidak ada spasi yang tersisa.
  8. Jika semua proses telah selesai, tutup terminal dan buka kembali. Untuk pengecekan silahkan ketik
    cocos
    pada terminal dan tekan Enter, jika muncul seperti berikut berarti proses berhasil.
Selesai !!! Mudah bukan...

Untuk membuat sebuah project game, silahkan buka Terminal dan arahkan ke tempat dimana Anda ingin menyimpan project game Anda. Disini saya arahkan ke folder Tutorial yang ada di Documents. Kemudian ketik perintah cocos new -l js -p com.didanurwanda.tutorial "Tutorial Games" dan tekan Enter.
Sedikit Penjelasan.

  • cocos new digunakan untuk membuat project baru
  • -l js digunakan untuk memilih bahasa pemrograman javascript
  • -p com.didanurwanda.tutorial digunakan untuk membuat package pada game yang akan dibuat
  • "Tutorial Games" merupakan nama dari game yang akan di buat
Untuk menjalankan game yang kita buat tadi, silahkan buka terminal dan arahkan pada direktori game "Tutorial Games" kemudaian ketik perintah cocos run -p web. Perintah tersebut digunakan untuk menjalankan game pada browser.


* Sebenarnya untuk kedepan perintah-perintah dengan menggunakan terminal bisa di kurangi, karena kita akan menggunakan IDE khusus.
** Silahkan simak step by step dari pembuatan game ini dan pelajari berbagai perintah terminal. Meski bagaimanapun juga penggunaan terminal sesekali akan Anda gunakan

Rabu, 19 Agustus 2015

[Cocos2d-JS] Berkenalan Dengan Game Engine Untuk Mobile - Cocos2d-JS

Wah udah lama sekali saya tidak membuat postingan pada blog jelek ini. Banyak komentar pada blog ini juga belum sempet saya jawab. Harap di maklum ya, mungkin kalau ingin lebih cepat di respon Sobat bisa mengirim pesan ke facebook saya di link http://www.facebook.com/didanurwanda



Langsung saja deh, kali ini saya akan memperkenalkan sobat semua pada salah satu game engine yang menurut saya salah satu yang terbaik. Namanya adalah Cocos2d-JS. Sesuai dengan namanya, game engine ini mengusung konsep pemrograman dengan menggunakan bahasa pemrograman JavaScript. Tentu bagi web developer bahasa pemrograman tersebut tidaklah asing, dan memang bisa dibilang salah satu bahasa pemrograman paling mudah. 

Berikut merupakan screenshut dari game yang dibuat dengan menggunakan Cocos2d-JS. 

Cocos2d-JS telah menyediakan banyak library-library yang dapat kita gunakan, seperti untuk kondisi gerak, zoom, rotasi, touch, musik, efek suara dan lain-lain. Dengan menggandeng banyak sekali fitur siap pakai, Cocos2d-JS tetaplah merupakan salah satu game engine ringan. Penasaran dengan kodingnya, berikut sedikit screenshutnya.



Gimana ? Sederhana kan :-D
Di atas merupakan sedikit cuplikan script untuk menambahkan background, suara, dan tulisan game yang berjalan ke kiri dan ke kanan. Sementara pada bagian bawah yang tertutupi, terdapat script untuk menampilka kodok, menu, dan aksi kodok yang melompat-lompat.
Sebagai contoh script
cc.audioEngine.playMusic(res.s_theme1, true);
merupakan script untuk menjalankan musik, mudah sekali bukan.

Penasaran ? Jika banyak merespon dan berkomentar pada postingan ini maka akan di lanjutkan ke tahapan-tahapan pembuatan game Android dan IOS dengan menggunakan Game Engine Cocos2d-JS


Jika Anda ingin belajar sendiri (Tidak mau menunggu postingan selanjutnya) Anda dapat mengunjungi link-link berikut untuk mendapatkan Cocos2d-JS dan komponen-komponen lainnya.