Animasi dan Game pada android
description
Transcript of Animasi dan Game pada android
![Page 1: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/1.jpg)
Animasi dan Game pada android
30/31 mei 2013
![Page 2: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/2.jpg)
Tipe animasi pada android
• Animasi Frame by frame
• Animasi Layout
• Animasi View/view animation
• Tweening animation
2
![Page 3: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/3.jpg)
Animasi frame by frame• gerakan gambar secara berurutan sehingga
membentuk “ilusi” gambar bergerak
• Pada contoh animasi ini membuat bola berputar
3
![Page 4: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/4.jpg)
• 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
![Page 5: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/5.jpg)
Animasi frame by frame
• Harus disiapkan gambar bola sebagai image untuk animasi. (contoh : bolawarna_1.jpg)
• Gambar tersebut disimpan di folder /res/drawable
5
![Page 6: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/6.jpg)
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
![Page 7: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/7.jpg)
Layout animation
• Pada layout animation, animasi berbentuk seperti perubahan properti, perubahan warna, transparansi dll
7
![Page 8: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/8.jpg)
Tweening animation
• Scale animationanimasi perubahan skala (besar-kecil, tinggi-rendah)
• Rotate animationperubahan perputaran objek
• Translate animationperpindahan objek animasi
• Alpha animationperubahan transparansi
8
![Page 9: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/9.jpg)
• 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
![Page 10: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/10.jpg)
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
![Page 11: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/11.jpg)
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
![Page 12: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/12.jpg)
Android Media Framework
• Record audio
• Play audio
• Video player
12
![Page 13: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/13.jpg)
• Android menyediakan fungsi multimedia yang komprehensip
• Pengolahan image, record, voice, play music
13
![Page 14: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/14.jpg)
Format multimedia yang didukung
14
![Page 15: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/15.jpg)
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
![Page 16: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/16.jpg)
Game pada Android
• Tersedia library Game engine yang mempermudah pembuatan game pada android yang disebut AndEngine
• AndEngine berfokus pada pembuatan game 2D
16
![Page 17: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/17.jpg)
Fitur AndEngine
• Opsi grafis resolusi, landscape, portrait
• Sprite, animasi, dll
• Collision detection/tubrukan
• Texture dan font
• Event Touch dan accelerometer
• Particle
• dll17
![Page 18: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/18.jpg)
Download AndEngine di :http://wiki.andengine.org/AndEngine.jars
18
![Page 19: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/19.jpg)
plugIn tambahan
• AugmentedRealityExtension
• LiveWallpaperExtension
• Multiplayer Extention
• Dll
19
![Page 20: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/20.jpg)
Project:andenginetest; andengineline,
• Contoh line, rectangle, font
20
![Page 21: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/21.jpg)
Text/font
Text adalah elemen yang dapat menampilkan tulisan dengan font pada posisi tertentu.
• Ticker text
• Changeable text
21
![Page 22: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/22.jpg)
Project: andfont; andstroke; andfontcustom
22
![Page 23: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/23.jpg)
texture
• Digunakan untuk membuat objek dalam game
• project: andtexture
23
![Page 24: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/24.jpg)
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
![Page 25: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/25.jpg)
Project: andsprite ;andspriteanimasi,
25
![Page 26: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/26.jpg)
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
![Page 27: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/27.jpg)
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
![Page 28: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/28.jpg)
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
![Page 29: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/29.jpg)
Project: andbackgroundparalax; andbackgroungrepeat
29
![Page 30: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/30.jpg)
Deteksi input
• Touch screen
• Touch drag
• Accelerometer
• Analog control
• Digital control
30
![Page 31: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/31.jpg)
Touch screen
• Project: andtouch; andtouchdrag
31
![Page 32: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/32.jpg)
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
![Page 33: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/33.jpg)
Project: andaudio
33
![Page 34: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/34.jpg)
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
![Page 35: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/35.jpg)
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
![Page 36: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/36.jpg)
Project: andgame
• Berisi game sederhana
36
![Page 37: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/37.jpg)
referensi
37
![Page 38: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/38.jpg)
Referensi (lanj)
• https://github.com/MasDennis/RajawaliExamples• http://www.andengine.org/blog/• http://www.matim-dev.com/introduction-to-the-
andengine.html
38
![Page 39: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/39.jpg)
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
![Page 40: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/40.jpg)
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
![Page 41: Animasi dan Game pada android](https://reader035.fdokumen.com/reader035/viewer/2022062408/56813d64550346895da73c61/html5/thumbnails/41.jpg)
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