Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Games
Code

Tip Cepat: Tampilan Skor Sederhana untuk Permainan Flash

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Shoot-'Em-Up.
Build a Stage3D Shoot-'Em-Up: Explosions, Parallax, and Collisions
Build a Stage3D Shoot-'Em-Up: Terrain, Enemy AI, and Level Data

Indonesian (Bahasa Indonesia) translation by Ari Ana (you can also view the original English article)

Hampir semua permainan di luar sana menggunakan sistem penilaian untuk membantu pemain melihat kemajuan mereka. Sangat penting untuk menunjukkan skor pemain dengan cara yang jelas dan menyenangkan. Di Tip Cepat ini kita akan belajar cara melakukan hal itu!


Perkenalan

Klik tombol untuk menambahkan 20.000 poin ke skor Anda:

Di Tip Cepat ini kita akan belajar cara membuat tampilan skor. Untuk meningkatkan kualitas tampilan kita, kita akan melakukan dua hal:

  1. Menambahkan koma ke skor kita, jadi terbaca 1.600.000 bukannya 1600000. Hal ini memudahkan pemain untuk mengetahui seberapa besar skornya.
  2. Membuat transisi skor kita di antara nilai-nilai, alih-alih langsung mengubahnya. Ini memberi pemain rasa pencapaian, karena dia benar-benar melihat skornya tumbuh.

Pada akhirnya kita akan memiliki kelas yang sangat sederhana dan berguna, yang dapat Anda gunakan dengan mudah dalam proyek Anda.

Kelas ini hanya akan berfokus dengan menampilkan skor, bukan dengan menghitungnya.


Langkah 1: Menciptakan Kelas Kita

Pertama, mari kita ciptakan kelas kita; saya menamakannya ScoreDisplay:


Langkah 2: Menambahkan Variabel Skor Kita

Mari perlahan menambahkan beberapa variabel:

Kita akan menunjukkan skor kita di TextField. Jika Anda ingin menggunakan Symbol saat bekerja dengan ScoreDisplay, Anda tidak perlu membuat field teks dengan kode. Namun, jika Anda tidak ingin menggunakan Symbol, Anda harus memanggil createScoreField().

Ingatlah bahwa jika Anda ingin menggunakan Symbol Anda sendiri, Anda harus memberikan field teks di dalam simbol itu nama instance dari currentScoreField.


Langkah 3: Mengubah dan Mengatur Skor Kita

Sekarang mari kita mulai berpikir apa yang akan kita lakukan di kelas ScoreDisplay kita. Kita ingin dapat mengatur skor, serta mengurangi dari skor pemain. Jadi mari kita buat metode-metode itu!


Langkah 4: Menampilkan Skor Kita

Sejauh ini sangat bagus, kita sekarang dapat mengatur dan mengubah nilai skor. Tapi bagaimana kita akan menampilkan ini? Meskipun sepertinya tidak terlalu berguna, kita akan menggunakan listener event frame. Jangan khawatir itu masuk akal!


Langkah 5: Sebagian Kelas yang Sudah Selesai

Jika kita ingin menggunakan kelas kita dalam sebuah proyek, itu akan terlihat seperti ini. Tampaknya berfungsi dengan benar - skornya berubah - tetapi kita belum selesai. Ingat apa yang ingin kita lakukan?

  1. Menambahkan koma ke skor kita, jadi terbaca 1.600.000 bukannya 1600000.
  2. Membuat transisi skor kita di antara nilai-nilai, alih-alih langsung mengubahnya.

Langkah 6: Menambahkan Koma

Mari kita mulai dengan tujuan pertama, menambahkan koma.


Langkah 7: Transisi Antar Skor

Sekarang mari kita kerjakan tujuan kedua kita; transisi di antara nilai-nilai skor, alih-alih berubah ke nilai baru dengan segera.

Untuk ini kita bisa menggunakan kemampuan luar biasa dari kelas Tween. Sering kali kita berpikir tentang kelas Tween untuk memindahkan objek tampilan, tetapi Anda dapat menggunakannya untuk mengubah nilai numerik apa pun, termasuk skor kita.


Kita sudah selesai!

Dan itu dia! Anda dapat memperluas kelas ini dan mungkin menambahkan beberapa suara atau "grafis mewah". Saya harap Anda memiliki waktu yang tepat dan belajar sesuatu, cheers!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.