Laman

Sabtu, 18 Juni 2016

Membuat Game IQ Pembelajaran Multimedia Berbasis Android

Membuat Game Android IQ TEST menggunakan flash cs6

Dalam pembuatan game pembelajaran multimedia yang harus disiapkan pertama yaitu konsep game itu seperti apa. disini penulis akan merancang sebuah game pembelajaran dalam bentuk sebuah permainan tebak gambar maupun matematika yang bertujuan untuk mengasah IQ dan daya pikir pengguna game.

Instal dulu Adobe Flash CS6

Ada beberapa langkah dalam pembuatan game ini yaitu:

Pertama,  siapkan dulu aplikasi yang digunakan untuk membuat sebuah game. disini penulis menggunakan aplikasi Adobe Flash CS6 untuk mengembangkan perangkat lunak nya.


Karena game ini akan dibuild dalam sebuah Apk untuk Android maka pilih Air For Android --> Kemudian atur ukuran screen 800 x 480


Buatkan perancangan game tersebut, misalkan game tersebut terdiri dari beberapa scene alur cerita yang terhubung oleh sebuah navigasi atau kontrol game. pada game ini mempunyai 5 Scene.

Untuk Scene Pertama menampilkan Awalan Berupa loading, dan kemudian muncul tampilan halaman judul game.


Untuk masuk ke scene kedua, pada scene pertama dibuatkan navigasi tombol diberi nama MULAI.

Pada Scene kedua ini merupakan halaman Menu Game IQ TEST, terdapat beberapa pilihan yaitu

Main, Untuk memulai permainan ( scene 3 )
Petunjuk, Untuk menampilkan petunjuk menggunakan game ini ( Scene 4 )
Info, Informasi mengenai game IQ TEST ( scene 5 )
Kembali, Untuk kembali ke awal halaman ( scene 1 )


Scene Ketiga berupa tampilan beberapa soal pertanyaan yang harus dijawab oleh user

T
Gambar salah satu pertayaan dalam game IQ TEST

Jika dalam soal tersebut user menjawab dan hasilnya salah maka akan muncul konfirmasi berupa Frame Salah, maka user harus kembali lagi mulai dari awal dengan menekan tombil navigasi KEMBALI


Gambar tampilan Scene 4 berupa halaman INFO



Gambar tampilan Scene 5 berupa halaman PETUNJUK



Untuk membuat file APK dari hasil pembuatan game dengan Flash CS6 ini pengaturan nya sebagai berikut:

Pilih gambar kunci pada properties untuk settingan android


Kemudian akan muncul halaman setting, pengaturan nya disamakan seperti dibawah ini


Lalu setting Deployment nya

  
Buat sertifikat, dan isi seperti dibawah ini

Lalu tekan Browse untuk menyimpanya, setelah disimpan lalu tekan OK


Untuk membuat icon game ini, pilih tab Icon.

Dan terakhir tekan Publish, untuk mempublikasikan nya


Demikian langkah langkah dan cara mempublish hasil pembuatan game android menggunakan flash CS6
Berikut link hasil project game ini,
donwload disini

https://drive.google.com/file/d/0B0wK_WkPbwn6QWJlcTBGQkt1c28/view?usp=sharing

Sabtu, 04 Juni 2016

cara membuat animasi 3D dengan aplikasi bleder

cara membuat animasi 3D dengan aplikasi bleder

Kali ini saya akan menjelaskan cara pembuatan animasi sederhana berbentuk air mancur dengan menggunakan software Blender. Berikut ini adalah penjelasan mengenai Blender :

Berikut ini adalah tutorial pembuatan air mancur sederhana dengan menggunakan Blender :
Klik Shortcut Blender sebagai langkah awalnya

Pilih objek kubus (dengan klik kanan), tekan S, perbesar ukuran kubus nya sesuai keinginan


Tekan Shift + A, pilih Mesh, pilih Cylinder. Pindahkan posisi silinder tersebut ke dalam kubus

Pilih objek Cylinder tadi, kemudian pilih Physics di bagian kanan layar seperti gambar berikut

 

Kemudian pilih Fluid, lalu pilih tipe Inflow, kemudian tentukan kecepatan dan arah semburan air mancurnya. Karena air mancur biasanya menyembur ke atas maka kita mengubah nilai Z dengan nilai positif (ke atas). Contohnya seperti di gambar berikut ini 


Setelah mengatur animasi untuk Cylinder tadi, sekarang pilih objek Cube. Pilih Physical juga seperti tadi, kemudian pilih Fluid juga. Setelah itu pilih tipe Domain, tentukan waktu dimulai dan berakhirnya animasi. Setelah itu pilih Bake. Contohnya seperti di gambar ini  

Proses ketika melakukan Bake memang agak memakan waktu jadi harus ditunggu sampai prosesnya selesai. Ketika proses Bake selesai, animasi sudah mulai terbentuk beserta timeline-nya. Sekarang ukita berikan warna pada air mancur tersebut. Caranya dengan memilih objek Cube, pilih Material, lalu pilih warna sesuai keinginan. Contohnya seperti gambar berikut ini  

Setelah warna ditentukan, sekarang kita atur output animasinya. Pilih menu Render, tentukan Frame Range dan Frame Rate nya. Frame Range adalah jumlah frame yang digunakan dalam animasi tersebut. Frame Rate adalah jumlah frame yang diputar dalam satu detik, satuannya fps. Setelah menentukan Frame Range dan Frame Rate, tentukan juga lokasi penyimpanan dan ekstensi file-nya. Setelah itu pilih Animation, lalu tunggu sampai selesai.


Animasi sudah selesai berupa video dengan format AVI JPEG, berikut ini adalah hasil akhirnya  


Jumat, 20 Mei 2016

Cara membuat animasi menggunakan aplikasi adobe flash CS6




Buka aplikasi adobe flash cs6
kemudian pilih Action Script 3
Setelah lembar kerja tampil, ganti warna background sesuai keinginan, pilih properties > pilih Stage ubah menjadi warna biru.
kemudian buat kreasi beberapa objek, salah satunya membuat awan dengan menggunakan tools oval dan beri warna putih.


Duplikat awan tersebut sehingga menjadi banyak, dengan klik awan itu kemudian CTRL D



Kemudian awan awan tersebut di blok untuk dibuat menjadi Movie Clip, caranya klik layer 1 ganti dengan layer awan > modify > convert to simbol > ganti nama awan > movie clip > ok



bikin layer baru beri nama layer gunung
untuk membuat gunung gunakan tool brush > pilih warna hijau 



Duplikat gunung tersebut dengan,  Selection Tool > klik gambar gunung tersebut > CTRL-D geser ke area samping kanan.


Untuk membuat animasi awan Klik 2x awan tersebut, pilih frame 50 > klik kanan > insert Keyframe.
di frame 35 klik kanan > create clasic tween, klik kembali frame 50 lalu geser awan tersebut ke kiri


Kembali Ke layar utama
lakukan pada gambar gunung di jadikan movie clip seperti awan tadi
Double kilk gunung, klik frame 50 > klik kanan > insert keyframe
di frame 35 klik kanan > create clasic tween, klik frame 50 geser awan ke arah kiri
test dengan CTRL + Enter
buat layer baru beri nama jalan
untuk membuat kotak menjadi sebuah jalan, pilih rectangel tools > pilih warna abu abu.
Jalan tersebut dibuatkan animasi sama dengan pembuatan animasi awan dan gunung
Buatkan sebuah mobil atau dengan cara browse dari gambar mobil di laptop masing2, Drag gambar mobil tersebut ke stage, sesuaikan ukurannya.
Buat mobil tersebut menjadi animasi
Untuk perubahan gerak mobil, double klik mobil lalu setiap frame di klik kanan insert keyframe lakukan pada frame per frame
Untuk memasukan suara pilih File > Import > to library
Catatan format suara harus berbentuk WAP
Setelah suara masuk ke library Drag suara tersebut ke layer mobil