Skip to content

Commit 6d4e9d1

Browse files
authored
Update README.md
1 parent 40af917 commit 6d4e9d1

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

Assets/2-Gerakan-dan-Animasi/README.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ Supaya kita mampu menggerakkan objek sesuai dengan input yang diberikan pada _ke
3131

3232
Fungsi _GetAxisRaw_ membutuhkan sebuah parameter input berupa _keyword_ untuk mendapatkan jenis input apa yang ingin didapatkan. Daftar _Keyword_ dapat kita lihat pada konfigurasi input _Unity_ melalui _Edit > Project Settings > Input Manager_
3333

34-
![Konfigurasi _Input Manager_](/img/input-manager.PNG)
34+
![Konfigurasi _Input Manager_](Assets/2-Gerakan-dan-Animasi/img/input-manager.PNG)
3535

3636
Fungsi _GetAxisRaw_ akan menghasilkan nilai antara -1, 0, dan 1 tergantung dari tombol yang ditekan; apabila tombol diatur sebagai _negative button_, nilai yang dihasilkan adalah -1. Sebaliknya, apabila diatur sebagai _positive button_, nilai yang dihasilkan adalah 1. Apabila tidak ada tombol yang ditekan, nilai yang dihasilkan adalah 0.
3737

@@ -56,20 +56,20 @@ _Unity_ menyediakan dua _interface_ untuk mengatur animasi; _Animation_ dan _Ani
5656

5757
Pertama, kita atur _spritesheet_ yang berada pada folder _2-Gerakan-dan-Animasi > Sprites > Drone >_ untuk membagi kumpulan gambar pada _spritesheet_ menjadi gambar-gambar individu. Pilih gambar _player256.png_, kemudian perhatikan panel _Inspector_. Atur _spritesheet_ sesuai dengan pengaturan pada gambar berikut. Setelah itu, pilih "_Sprite Editor_".
5858

59-
![Konfigurasi _Sprites_](/img/config-sprites.PNG)
59+
![Konfigurasi _Sprites_](Assets/2-Gerakan-dan-Animasi/img/config-sprites.PNG)
6060

6161
Pada _Sprite Editor_, pilih menu _Slice_, kemudian pada opsi _Type_, pilih _Grid By Cell Count_. Isikan kotak _C_ saja dengan nilai 8. Tekan _Slice_ dan simpan perubahan dengan menekan tombol _Apply_. _Spritesheet_ yang telah kita atur siap dipakai untuk dimasukkan ke objek _Animation_.
6262

63-
![Membagi _Spritesheet_](/img/slice-spritesheet.png)
63+
![Membagi _Spritesheet_](Assets/2-Gerakan-dan-Animasi/img/slice-spritesheet.png)
6464
![_Spritesheet_ yang sudah terbagi](/img/sliced-spritesheet.PNG)
6565

6666
Untuk menambahkan potongan _spritesheet_ ke dalam _Animation_, kita perlu menambahkan _component Animator Controller_ terlebih dahulu ke objek _player_. _Component Animator Controller_ ini perlu sebuah objek _Animator Controller_ yang bisa kita buat pada panel _Project_ dengan meng-klik kanan _window Project_, kemudian pilih _Create > Animator Controller_. Kemudian kita buat objek _Animation_ dengan meng-klik kanan pada _window Project_, pilih _Create > Animation_. Untuk bab ini kita buat empat objek _Animation_ dengan nama _Up_, _Down_, _Right_, dan _Left_. _Double-click_ objek _Animator Controller_ yang baru saja dibuat, kemudian _drag_ semua objek _Animation_ yang telah dibuat ke _window Animator Controller_ yang telah muncul.
6767

68-
![Isi _Window Animator Controller](/img/animator-controller.PNG)
68+
![Isi _Window Animator Controller](Assets/2-Gerakan-dan-Animasi/img/animator-controller.PNG)
6969

7070
Buka _window Animation_ untuk mulai mengatur animasi _sprite_ dengan memilih menu _Window > Animation > Animation_. Dengan objek _player_ terpilih, akan muncul _drop down menu_ di bawah teks _Preview_ yang menampilkan seluruh _Animation_ yang berada di dalam _Animator Controller_ objek _player_. Kita coba atur _Animation_ bernama _Up_ terlebih dahulu. Untuk memberi gambar pada _Animation_, cukup pindahkan _sprite_ yang menunjukkan _player_ menghadap ke atas ke panel di mana tombol _Add Property_ berada. Secara otomatis potongan _sprite_ akan masuk ke _keyframe_ ke-0.
7171

72-
![Isi _Window Animation_](/img/animation.PNG)
72+
![Isi _Window Animation_](Assets/2-Gerakan-dan-Animasi/img/animation.PNG)
7373

7474
Berpindah ke _window Animator Controller_, kita atur bagaimana transisi tiap animasi berjalan. Setiap kotak yang Anda lihat di _window Animator Controller_ disebut sebagai _state_, baik kotak bertuliskan _Any State_, _End_, _Start_, dan _Animation_ yang telah Anda masukkan. Di _Animator Controller_ kita mengatur bagaimana alur perpindahan _state_ berjalan. Karena animasi pergerakan _player_ dapat berubah tergantung arah perpindahan _player_ dan tidak peduli pada arah mana _player_ menghadap, kita hubungkan kotak _Any State_ ke-empat _Animation_ kita dengan meng-klik kanan kotak _Any State_, pilih _Make Transition_, kemudian pilih _Animation_ yang ingin dihubungkan.
7575

0 commit comments

Comments
 (0)