Home » Archive for 2016

Tugas Akhir Membuat Game Tebak Gambar

Add Comment
Membuat Game Android IQ TEST Tebak Gambar 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


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,
Download disini

Atau ke google drive
https://drive.google.com/file/d/0B7Dc2bZng1rqa1FmbmpmMGpuZm8/view?usp=sharing

Related Posts:

Menggabungkan Beberapa Lagu Dengan Aplikasi Audacity

Add Comment
1. Instal dulu aplikasi audacity dikomputer kamu
2. Sudah terinstal, Buka aplikasi


3. Import beberpa Audio

.
4. Cut atau pilih intro atau audio yang di inginkan dengan menggeser arah pada gambar tangan lalu pilih menu edit terus pilih cut atau delete.

5. Save hasil dari editan

 Berikut hasil editan saya bisa didownload disini
 atau dilink google drive https://drive.google.com/file/d/0B7Dc2bZng1rqMXlfczgyUmRBWXc/view?usp=sharing

Related Posts:

Membuat Animasi 3 Dimensi Dengan Blender

Add Comment
Membuat Animasi 3D (Snack)


Berikut adalah tutorial untuk membuat bungkus keripik kentang, dengan environment dalam sebuah minimarket.



Tekan Shift+A, dan pilih Cube, untuk mengubahnya menjadi bentuk yang diinginkan, digunakan kombinasi Scale dengan sumbu XYZ.



Setelah mendapat bentuk yang diinginkan, buat subdivisionnya dengan menekan CTRL+R



Kemudian, untuk mendapatkan sudut-sudut yang lancip (seperti pada bungkus keripik kentang), pilih mode edge, kemudian klik merge>collapse untuk mendapat sudut yang lancip. Perintah ini akan menyatukan kedua sudut tersebut menjadi 1 node.



Setelah itu kita bermain lagi dengan perintah Scale dengan menekan sumbu XYZ untuk mendapatkan bentuk seperti di atas.



Setelah itu kita menggunakan UV Editing, untuk memasukkan merk keripik kentang ke objek yang telah di render.Pilih New di window bagian kiri, kemudian Open gambar yang ingin digunakan. Select ALL atau tekan tombol A untuk memilih semua ruas di window kanan, kemudian tekan U. Karena bentuk objeknya agak rumit, kita pilih Smart UV Project. Map yang telah di render akan muncul di bagian kiri window, dan kita hanya perlu menyesuaikan Map dengan gambar yang tersedia.



Kemudian, ganti ViewPort Shading dengan mode Texture, untuk melihat hasil gambar setelah diaplikasikan ke objeknya.
Berikutnya, untuk menghasilkan efek yang sama saat objeknya di render, gunakan perintah berikut. Di bagian kanan layar, pilih tab Material, dan New. Setelah itu, pilih tab Texture. Kemudian ganti type texture menjadi Image or Movie. Di bawahnya lagi buka image yang akan digunakan sebagai label. Kemudian dibawahnya lagi, di bagian Mapping, pilih koordinatnya sebagai UV.



Berikut adalah hasil texturenya:



LIGHTING, SHADING, DAN CAMERA
Berikutnya, saya akan membuat rak, lantai, dinding, serta tulisan minimarket



Untuk membuat rak, SHIFT+A > Plane, kemudian tekan E untuk extrude. Setelah itu tekan X dan hapus face, untuk mendapatkan bentuk mangkuk. Setelah itu, face alas plane tadi di extrude ke bawah sehingga mendapat bentuk di atas.



Selanjutnya rak tadi di beri efek UV MAPPING juga, caranya sama dengan memberi UV MAPPINGpada bungkus keripik sebelumnya.



Berikutnya, untuk menambah pencahayaan, ditambahkan lampu spot. Tekan shift+a, kemudian pilihlamp>spot. Setelah itu posisikan lampu menggunakan tombol G pada sumbu xyz.



Setelah itu, kita tambahkan lantai dan dinding. Tekan shift+a kemudian pilih plane. Duplikasikan plane tersebut dengan shift+d kemudian atur posisinya dengan G pada sumbu xyz dan scale (tombol S) hingga mendapat hasil yang diinginkan.
Berikutnya kita akan menambah efek “ubin” pada lantai dan efek “mengkilap” pada dinding. Kedua efek ini bisa didapatkan dengan cara berikut:
Pilih salah satu plane, kemudian ke tab Material. Cek pilihan transparency, kemudian pilih RayTrace. Atur fres menjadi 0,1. Ini akan membuat cahaya yang terpantul menjadi tersebar.
Turun lagi ke bawah, dan cek pilihan Mirror. Set Refl menjadi 0,1. Ini akan memberikan efek cermin pada plane tersebut, dan value 0,1 adalah untuk memberikan kemiripan pada ubin.



Setelah itu, kita tambahkan lantai dan dinding. Tekan shift+a kemudian pilih plane. Duplikasikan plane tersebut dengan shift+d kemudian atur posisinya dengan G pada sumbu xyz dan scale (tombol S) hingga mendapat hasil yang diinginkan.
Berikutnya kita akan menambah efek “ubin” pada lantai dan efek “mengkilap” pada dinding. Kedua efek ini bisa didapatkan dengan cara berikut:
Pilih salah satu plane, kemudian ke tab Material. Cek pilihan transparency, kemudian pilih RayTrace. Atur fres menjadi 0,1. Ini akan membuat cahaya yang terpantul menjadi tersebar.
Turun lagi ke bawah, dan cek pilihan Mirror. Set Refl menjadi 0,1. Ini akan memberikan efek cermin pada plane tersebut, dan value 0,1 adalah untuk memberikan kemiripan pada ubin.


RIGGING, SKINNING, DAN ANIMASI





Selanjutnya, tekan Shift+A-Armature-Single Bone. Kemudian skalasi tulang dengan tombol S. Untung membuat tulang tersebut terlihat, masuk ke panel

Properties dan centang X-Ray.



Kemudian geser armature ke bagian bawah bungkus dengan tombol G-Z, kemudian tambahkan tulang dengan mengklik kanan tulang dan menekan tombol E(extrude), kemudian Z. Tambahkan hingga 3x.



Setelah ini kita akan menghubungkan armature tersebut dengan bungkus keripik. Proses ini dinamakan Skinning. Skinning mengelompokkan beberapa vertex menjadi beberapa grup. Kemudian masing-masing grup akan dihubungkan ke setiap tulang yang tersedia sehingga vertex pada objek bungkus akan mengikuti gerakan-gerakan tulang tersebut.
Ubah mode dari Edit Mode ke Pose Mode, dengan menekan CTRL+Tab.
Selanjutnya, pilih tulang paling atas dengan klik kanan. Setelah itu CTRL+P untuk Set Parent, kemudian Armature Deform.



Masuk ke panel Properties lagi, dan pilih display tulang menjadi Envelope.



Ubah distance menjadi 1.600 dan segment menjadi 3, sehingga gerakan tulangnya dapat diperhalus.



Sekarang bungkus keripik tersebut sudah siap untuk dianimasikan. Ubah view type menjadiDopeSheet, di pojok kanan atas window. Ada dua cara menganimasikan bone, yaitu manual danotomatis. Kita akan menggunakan cara manual. Letakkan kursor di area preview, dan tekan i. Akan muncul beberapa pilihan untuk mengunci lokasi, rotasi, dan ukuran. Di tutorial ini kita menggunakanLocRotScale. Setelah itu kita dapat membuat animasi dengan memainkan frame-frame pada window bawah dengan menggerakan bone-bone yang telah kita buat di atas.



Output Terakhir :

Related Posts:

Membuat Animasi Dengan Adobe Flash CS6

Add Comment


Membuat animasi objek bergerak menggunakan 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 berupa awan, matahari 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

  • 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
  • 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 memasukan suara pilih File > Import > to library
  • Catatan format suara harus berbentuk WAP
  • Setelah suara masuk ke library Drag suara tersebut ke layer mobil
  • Selanjutnya jalankan Ctrl+enter

Related Posts:

Cara membuat Streaming diblog

Add Comment
Berikut cara membuat streaming di youtube.com dari video kita hasil edit tugas sebelumnya.

 Langkah ke 1
- Masuk login ke youtube.com dan pilih upload dipojok kanan
Langkah ke 2
- Pilih atau klik upload file


Langkah ke 3
- Pilih video kita


Langkah ke 4
- Pilih Postingkan atau publikasikan


Langkah ke 5
- Selesai telah di psting di youtube.com
Untuk memasukan ke blog copy paste url yang sudah jadi diposting youtube dan jalankan untuk memastikan. lalu klilk bagikan pilih/klik icon blog warna kuning simbol huruf B. copy url nya dan masuk ke blog kita copy kan menu HTML jadi seperti dibawah ini.

Related Posts:

Langganan: Postingan (Atom)