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