Animasi dan Game pada android
30/31 mei 2013
Tipe animasi pada android
• Animasi Frame by frame
• Animasi Layout
• Animasi View/view animation
• Tweening animation
2
Animasi frame by frame• gerakan gambar secara berurutan sehingga
membentuk “ilusi” gambar bergerak
• Pada contoh animasi ini membuat bola berputar
3
• Teknik ini memerlukan banyak gambar dengan perubahan-perubahan tertentu untuk menghasilkan suatu animasi. Sebagai contoh teknik animasi frame yang sering kita temui sehari-harinya adalah pada roll film(bioskop). Biasanya, bioskop-bioskop memutar film dengan memutar frame film yang sangat banyak yang digulung dalam roll film, mirip pada roll film kamera.
4
Animasi frame by frame
• Harus disiapkan gambar bola sebagai image untuk animasi. (contoh : bolawarna_1.jpg)
• Gambar tersebut disimpan di folder /res/drawable
5
Menambahkan animasi pada activity
• Android memanfaatkan resource ID pada R.Drawable.frame_animation pada file xml
• Object backgroundObject = view.getBackground();• AnimationDrawable ad =
(AnimationDrawable)backgroundObject;
6
Layout animation
• Pada layout animation, animasi berbentuk seperti perubahan properti, perubahan warna, transparansi dll
7
Tweening animation
• Scale animationanimasi perubahan skala (besar-kecil, tinggi-rendah)
• Rotate animationperubahan perputaran objek
• Translate animationperpindahan objek animasi
• Alpha animationperubahan transparansi
8
• Tween Animation merupakan animasi yang diterapkan pada aplikasi berbasiskan widget, yang menerima input form biasa, lalu menggerakkannya sehingga menghasilkan (suatu) anmiasi. Perbedaan antara Tween dengan Frame Animatiions adalah pada Tween, Anda tidak perlu memerlukan banyak gambar yang terdefinisi sebelumnya, karena animasi ini akan menggerakkan satu gambar dengan pola-pola tetap yang dimiliki API Android
9
Tweening animation (lanj)
• Objek animasi diidentifikasikan dari folder res/animContoh code animasi di folder res/anim<set xmlns:android="http://schemas.android.com/apk/res/android"android:interpolator="@android:anim/accelerate_interpolator"><scale
android:fromXScale="1"android:toXScale="1"android:fromYScale="0.1"android:toYScale="1.0"android:duration="500"android:pivotX="50%"android:pivotY="50%"android:startOffset="100" />
</set>
10
referensi
• http://android-developers.blogspot.com/2011/02/animation-inhoneycomb.html:
• http://android-developers.blogspot.com/2011/05/introducingviewpropertyanimator.html:
• http://developer.android.com/guide/topics/graphics/prop-animation.html• Primary documentation on property animations from the Android SDK.• http://developer.android.com/guide/topics/graphics/animation.html:• Android documentation links to all animation types, including property
animations and old-style animations.•
http://developer.android.com/reference/android/view/animation/packagesummary.html: The Java doc API for the older animation package android.view.animation.
• http://developer.android.com/guide/topics/resources/animationresource.• html: XML tags for various animation types.
11
Android Media Framework
• Record audio
• Play audio
• Video player
12
• Android menyediakan fungsi multimedia yang komprehensip
• Pengolahan image, record, voice, play music
13
Format multimedia yang didukung
14
permission
• Aplikasi yang merekam berbagai tipe media meminta settingan permission pada AndroidManifest. Misal:
• <uses-permission android:name=”android.permission.RECORD_AUDIO”/>
• <uses-permission android:name=”android.permission.RECORD_VIDEO”/>
15
Game pada Android
• Tersedia library Game engine yang mempermudah pembuatan game pada android yang disebut AndEngine
• AndEngine berfokus pada pembuatan game 2D
16
Fitur AndEngine
• Opsi grafis resolusi, landscape, portrait
• Sprite, animasi, dll
• Collision detection/tubrukan
• Texture dan font
• Event Touch dan accelerometer
• Particle
• dll17
Download AndEngine di :http://wiki.andengine.org/AndEngine.jars
18
plugIn tambahan
• AugmentedRealityExtension
• LiveWallpaperExtension
• Multiplayer Extention
• Dll
19
Project:andenginetest; andengineline,
• Contoh line, rectangle, font
20
Text/font
Text adalah elemen yang dapat menampilkan tulisan dengan font pada posisi tertentu.
• Ticker text
• Changeable text
21
Project: andfont; andstroke; andfontcustom
22
texture
• Digunakan untuk membuat objek dalam game
• project: andtexture
23
Sprite
• Sprite adalah grafis dalam game yang memiliki kemampuan bergerak, animasi, tubrukan dll
• Sprite biasanya terdiri dari satu texture region sebagai sumber grafis yang akan ditampilkan. Contoh:
Final Sprite spriteNormal = new Sprite (50,20,textureRegion)
24
Project: andsprite ;andspriteanimasi,
25
background
• Background salah satu aspek yang membuat game menjadi menarik.
• Entitiy background color Background, Repeating sprite Background, Parallax Background
• Contoh : Color Background (255,0,0) merah
Project: backgroundRumput
26
Background
• colorBackground Latarbelakang yang menampilkan image biasa. Biasa digunakan pada game sederhana
• repeatingBackground background yang menampilkan beberapa image. Biasa digunakan dalam game RPG, platform (mario bross dll)
• parallaxBackground background yang terdiri dari sub background, agar latar belakang tampak hidup
27
Parallax background
• Sub background yang berada di dalam layer paling jauh akan bergerak mengikuti player paling sedikit. Background yang bergerak se layer akan bergerak sama jauhnya dengan player
28
Project: andbackgroundparalax; andbackgroungrepeat
29
Deteksi input
• Touch screen
• Touch drag
• Accelerometer
• Analog control
• Digital control
30
Touch screen
• Project: andtouch; andtouchdrag
31
Audio
• Aspek multimedia tidak dapat dihilangkan dari game .
Dibagi dua
• Music biasanya terus menerus seperti musik latar
• Sound biasanya hanya sesaat seperti suara pintu, benda jatuh dll
32
Project: andaudio
33
Pengembangan gameTahapan pengembangan game
1. Konsep dana, analisa pasar, jumlah orang, segmentasi dll
2. Perancangan game desain cerita, level, pengguna, audio, kerumitan dll
3. Pengembangan game dikerjakan sesuai bidang keahlian
4. Pengujian
5. Deployment
34
Contoh
• Game sederhana menembak musuh
• Objek : player, proyektil, target
• Player = pemain, yang menembak objek dengan proyektil
• Player tidak pernah kalah
• Target yang tertembak akan hilang
35
Project: andgame
• Berisi game sederhana
36
referensi
37
Referensi (lanj)
• https://github.com/MasDennis/RajawaliExamples• http://www.andengine.org/blog/• http://www.matim-dev.com/introduction-to-the-
andengine.html
38
39
Tugas kelompok (kelas malam)1.Buatlah kelompok maksimal 4 orang2.Carilah jurnal atau paper tentang topik
- context awareness application- mobile computing- next generation mobile technology
3. Tugas dipresentaskan tanggal 20 Juni 2013
40
Reminder (kelas Pagi)
Tugas kelompok1.Buatlah kelompok maksimal 4 orang2.Carilah jurnal atau paper tentang topik
- context awareness application- mobile computing- next generation mobile technology
3. Tugas dipresentaskan tanggal 14 Juni 2013
Tugas kelompok• Buatlah aplikasi android untuk
dipresentasikan di depan kelas pada tanggal 20 juni (kelas pagi), 28 Juni (kelas malam)
• Tema (opsi)- Player- Game- Pendidikan- Religi- dll
41
Top Related