Saturday, November 10, 2018

Cara Penerapan Fungsi UI System Koin Dan Nyawa Permainan Pada Aplikasi Unity 3D

Cara Penerapan Fungsi UI System Koin Dan Nyawa Permainan Pada Aplikasi Unity 3D




Cara Penerapan Fungsi UI System Koin Dan Nyawa Permainan Pada Aplikasi Unity 3D - JOKAM INFORMATIKA

Jokam-Informatika.com - Hai sobat, bertemu lagi dengan mimin dan pada kesempatan ini saya akan membagikan tentang penerapan fungsi UI system pada fungsi informasi skor atau nyawa yang ada pada permainan. Pada kesempatan sebelumnya saya memberikan tutorial tentang cara pembuatan Kanvas beserta UI system yang dibutuhkan, akan tetapi apabila kalian menjalankan game sistem tersebut tidak dapat mendeteksi coin dan juga nyawa pemain karena belum di deklarasikan.

Oleh karena itu, agar permainan bisa memberikan informasi koin beserta nyawa maka dibutuhkan beberapa perintah script untuk menjelaskan hal itu kepada pemain. Disini kita akan memakai jenis data integer karena coin dan juga nyawa tidak memiliki bilangan koma di belakang bilangan utama.

Seperti apakah cara penerapan fungsi UI System tersebut agar informasi koin dan nyawa pemain dapat terlihat ?

Simak ulasan berikut ini untuk mengetahui kode dan juga cara pemasangannya,

Fungsi UI System - Adalah sebuah kebutuhan yang wajib yang digunakan untuk memberikan informasi kepada pemain ketika mereka sedang mengalami beberapa kondisi seperti menang, kalah ataupun saat sedang bermain. Tak terkecuali dengan media utamanya yaitu kanvas, kanvas merupakan media desain khusus yang diperuntukkan untuk anda yang menginginkan sebuah pemberitahuan tertentu pada saat kemenangan, kekalahan bahkan saat sedang bermain. Setiap kanvas harus di design sesuai dengan ukuran dan juga resolusi pengguna, sehingga anda harus memperhitungkan secara matang tata letak komponen yang anda pasang pada media kanvas agar tidak berantakan ketika game sedang dimainkan oleh berbagai jenis resolusi smartphone.

Berikut ini merupakan fungsi untuk memperlihatkan fungsi UI System Koin Dan Nyawa pada saat game sedang berjalan :
  • Pertama, buka aplikasi Unity 3D dan (1). Klik kanan pada script player kontroller. (2). kemudian klik "Open".

  • Kedua, lalu lanjutkan dengan tutorial dibawah ini :


  • Memberikan Deklarasi UI System Teks Dan Integer


    Edit pada  public class Player_Controller : MonoBehaviour { DISINI }  dengan script berikut ini :
    
    // Deklarasi Koin/Nyawa Jenis Teks
    Text Koin;
    Text Nyawa;
    // Deklarasi jenis type data Coin/Health adalah Integer
    public int Coin;
    public int Health;
    


    Menghubungkan Komponen Dengan Deklarasi


    Edit pada  void Update () { DISINI }  dengan skrip berikut :
    
    Koin = GameObject.Find ("UICoin").GetComponent<text> ();
    Nyawa = GameObject.Find ("UIHealth").GetComponent<text> ();
    


Menerapkan Fungsi UI System Pada Komponen


Edit pada  void Update () { DISINI }  dengan skrip berikut :

Koin.text = "Koin : " + Coin.ToString ();
Nyawa.text = "Nyawa : " + Health.ToString ();



  • Ketiga, saat tutorial sudah anda masukan maka save script dengan cara "CTRL + S" untuk menyimpannya dan menghindari hal yang tidak diinginkan terjadi yang dapat menyebabkan kehilangan skrip kita.
  • Keempat, (1). sobat klik pada bagian "player" atau pemain(karakter) didalam game sobat. (2). isi pada bagian "Health" yakni nyawa sesuai dengan keinginan sobat. (3). isi pada bagian "Coin" untuk Koin juga sesuai dengan keinginan sobat pula.


    • Kelima, setelah kita edit dan simpan maka coba untuk memainkan game dengan cara meng-klik tombol play, jika tampilan sudah menampilkan informasi coin dan juga nyawa maka berarti anda sudah sukses melakukannya. Berikut ini adalah gambarnya :



    Artikel terkait :



    Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Cara Membuat UI System Informasi Koin Dan Nyawa Player Pada Aplikasi Unity 3D.
    Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Membuat UI System Informasi Koin Dan Nyawa Player Pada Aplikasi Unity 3D.
    Sekian dan terimakasih.
    Read more

    Friday, November 9, 2018

    Cara Membuat UI System Informasi Koin Dan Nyawa Player Pada Aplikasi Unity 3D

    Cara Membuat UI System Informasi Koin Dan Nyawa Player Pada Aplikasi Unity 3D




    Cara Membuat UI System Informasi Koin Dan Nyawa Player Pada Aplikasi Unity 3D - JOKAM INFORMATIKA

    Jokam-Informatika.com - Sebuah game pastinya memiliki tujuan ketika pemain memainkannya, biasanya tujuan tersebut dapat berupa sebuah objek ataupun penilaian tertentu. Kebanyakan dari sebuah game akan menggunakan waktu, koin dan juga nyawa didalam game tersebut. Untuk mendapatkannya maka kita dituntut untuk memikirkannya dan juga melakukan pada saat bermain game dengan beberapa trik, strategi, penempatan, ketepatan dan lain sebagainya tersebut mempengaruhi permainan untuk mendapatkan tujuan yang ingin kita dapatkan.

    Ketika tujuan tersebut sudah tercapai maka kita biasanya akan mendapatkan kemenangan atau bahkan "reward/hadiah" sesuai dengan kebijakan pembuat game. Namun, jika sebaliknya kita tidak dapat meraih tujuan tersebut maka biasanya kita akan menghadapi sebuah interface kekalahan pada saat tujuan tersebut tidak terpenuhi atau tercapai.

    Lalu, bagaimanakah cara membuat informasi UI tersebut pada tampilan game ?

    UI System - Adalah sebuah tampilan yang khusus ditujukan untuk pemain agar dapat mengetahui sebuah data nomor atau teks sistem dari game itu sendiri, sehingga kita bisa mengetahui informasi digit nomor dari nyawa ataupun koin yang sudah kita dapatkan pada saat sedang bermain game.

    Untuk membuatnya, kita membutuhkan sebuah komponen kanvas atau media untuk kita edit dan berikan fungsi UI teks tersebut pada game. Berikut ini merupakan tutorial cara membuat UI System Informasi Koin Dan Nyawa Player Pada Aplikasi Unity 3D :
    • Pertama, buka aplikasi Unity 3D dan klik (1). "GameObject" untuk mendapatkan kumpulan object. (2). kemudian pilih "UI". (3). lalu pilih "Canvas". (4). saat canvas sudah tersedia maka rename nama menjadi "Canvas Score".

    • Kedua, setelah canvas sudah didapatkan maka selanjutnya tidak harus mendapatkan UI text dengan cara berikut ini. (1). "GameObject" untuk mendapatkan kumpulan object. (2). kemudian pilih "UI". (3). lalu pilih "Text". (4). Jangan lupa untuk memasukannya kedalam "Canvas Score" agar dapat teridentifikasi saat kelak ingin dinonaktifkan dan tidak tercampur dengan komponen yang lain.

    • Ketiga, sobat bisa mengedit teks yang ada didalamnya seperti gambar yang sudah ada, sesuaikan dengan keinginan sobat. Jika sudah maka sobat bisa mengatur posisi daripada UI Text didalam canvas.

    • Keempat, setelah semua sudah anda lakukan sobat bisa memeriksa tampilan yang nantinya akan terjadi pada saat game sedang dimainkan. Untuk memeriksa tampilannya maka klik tab "Game" didalam aplikasi seperti berikut ini :


    Jika posisi dan tampilan sudah sesuai dengan keinginan berarti sobat sudah menyelesaikan tutorial ini dengan baik, untuk penerapan fungsi digit nomor pada koin ataupun nyawa player akan saya lanjutkan pada kesempatan tutorial berikutnya, selamat bertemu kembali.


    Artikel terkait :



    Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Cara Membuat UI System Informasi Koin Dan Nyawa Player Pada Aplikasi Unity 3D.
    Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Membuat UI System Informasi Koin Dan Nyawa Player Pada Aplikasi Unity 3D.
    Sekian dan terimakasih.
    Read more

    Cara Menerapkan Fungsi Flip Face Hadapan Wajah Karakter Pada Aplikasi Unity 3D

    Cara Menerapkan Fungsi Flip Face Hadapan Wajah Karakter Pada Aplikasi Unity 3D




    Cara Menerapkan Fungsi Flip Face Hadapan Wajah Karakter Pada Aplikasi Unity 3D - JOKAM INFORMATIKA

    Jokam-Informatika.com - Sobat mungkin kemarin sudah mempelajari tutorial dalam hal membuat gerakan dan juga lompatan pada karakter di dalam aplikasi Unity 3D, nah karakter yang kalian miliki pastinya tidak dapat menghadap kiri dan kanan ketika tombol gerak digunakan. Secara default karakter dimulai menghadap ke kanan, sehingga apabila tidak diterapkan fungsi flip face maka ketika dimainkan karakter akan tetap menghadap ke kanan.

    Pada penerapan yang akan kita terapkan pada aplikasi ini akan memakai fungsi saklar flip flop dengan kombinasi angka dan juga perkalian pada saat tombol itu ditekan.

    Bagaimanakah cara penerapan fungsi Flip Face kedalam aplikasi dengan menggunakan kode ?

    Simak ulasan di bawah ini untuk mengetahui tutorial beserta dengan kodingnya secara lengkap,

    Flip Face - Adalah sebuah fungsi yang mana fungsi itu berguna untuk menghadapkan wajah karakter pada posisi yang sesuai dengan kenyataan di dunia, ketika karakter dituntut untuk bergerak ke kanan maka wajah karakter haruslah menghadap ke kanan. Sebaliknya apabila karakter dituntut untuk bergerak atau berjalan ke kiri maka wajah dari karakter juga harus menghadap ke kiri.

    Sehingga fungsi ini mencegah karakter berjalan mundur. Berikut ini merupakan tutorial beserta kode yang akan saya berikan di bawah ini :

    • Pertama, pastikan sobat berada pada aplikasi dan juga script utama daripada karakter game milik sobat di Unity 3D.
    • Kedua, (1). Klik kanan pada file script. (2). Pilih "Open".

    • Ketiga, kemudian berikan kode fungsi Flip Face berikut ini :


    • Deklarasi Fungsi Flip Face


      Pada penerapan deklarasi kita akan memakai jenis data Boolean dan juga Integer. Edit pada bagian  public class Player_Controller : MonoBehaviour { DISINI }  dan tambahkan kode berikut ini :
      
       // Dec for Flip Face
       public bool Hadap;
       public int Pindah;
      


      Fungsi Flip Face


      Pada penerapan fungsi didalam Update maka akan memilah terhadap arah wajah beserta dengan value yang didapat oleh script melalui sentuhan button atau keyboard. Edit  void Update () { DISINI }  dengan skrip berikut :
      
       // Function Flip Face
       if (Pindah > 0 && !Hadap) {
        Hadap_Badan ();
       } else if (Pindah < 0 && Hadap) {
        Hadap_Badan ();
       }
      


      Penambahan Fungsi Eksternal


      Diluar class yang ada namun masih didalam class utama, maka kita akan membuat fungsi void baru dengan menggunakan koding berikut ini :
      
       // Function Flip Face Transform
       void Hadap_Badan() {
        Hadap = !Hadap;
        Vector3 character = transform.localScale;
        character.x *= -1;
        transform.localScale = character;
       }
      


      Pemasangan Saklar


      Hadap Kiri :
      Kita harus menambahkan Pindah = 1; kedalam koding yang menerapkan fungsi gerak kekiri pada karakter. Sehingga nantinya karakter bergerak kekiri dengan menghadap kekiri tentunya.
      
      if (Input.GetKey (KeyCode.A)) {
       transform.Translate (Vector2.left * Speed * Time.deltaTime);
       Animation.SetBool ("Walk Pocong", true);
      } else if (Input.GetKey (KeyCode.A) && Input.GetKey (KeyCode.Space)) {
       transform.Translate (Vector2.left * Speed * Time.deltaTime);
       Animation.SetBool ("Walk Pocong", true);
      } else {
       Animation.SetBool ("Walk Pocong", false);
      }
      

      
      if (Input.GetKey (KeyCode.A)) {
       Pindah = 1;
       transform.Translate (Vector2.left * Speed * Time.deltaTime);
       Animation.SetBool ("Walk Pocong", true);
      } else if (Input.GetKey (KeyCode.A) && Input.GetKey (KeyCode.Space)) {
       Pindah = 1;
       transform.Translate (Vector2.left * Speed * Time.deltaTime);
       Animation.SetBool ("Walk Pocong", true);
      } else {
       Animation.SetBool ("Walk Pocong", false);
      }
      

      Hadap Kanan :
      Kita harus menambahkan Pindah = -1; kedalam koding yang menerapkan fungsi gerak kekanan pada karakter. Sehingga nantinya karakter bergerak kekanan dengan menghadap kekanan tentunya.
      
      if (Input.GetKey (KeyCode.D)) {
       transform.Translate (Vector2.right * Speed * Time.deltaTime);
       Animation.SetBool ("Walk Pocong", true);
      } else if (Input.GetKey (KeyCode.D) && Input.GetKey (KeyCode.Space)) {
       transform.Translate (Vector2.right * Speed * Time.deltaTime);
       Animation.SetBool ("Walk Pocong", true);
      } else {
       Animation.SetBool ("Walk Pocong", false);
      }
      

      
      if (Input.GetKey (KeyCode.D)) {
       Pindah = -1;
       transform.Translate (Vector2.right * Speed * Time.deltaTime);
       Animation.SetBool ("Walk Pocong", true);
      } else if (Input.GetKey (KeyCode.D) && Input.GetKey (KeyCode.Space)) {
       Pindah = -1;
       transform.Translate (Vector2.right * Speed * Time.deltaTime);
       Animation.SetBool ("Walk Pocong", true);
      } else {
       Animation.SetBool ("Walk Pocong", false);
      }
      

    • Keempat, jangan lupa setelah menerapkan semua fungsi diatas untuk menyimpan hasil kerja project kita dengan cara "CTRL + S" agar terhindar dari sesuatu yang tidak kita inginkan pada project kita saat terjadi masalah.
    • Kelima, sobat bisa memeriksa hasilnya dengan memainkan game pada tab "Game" didalam aplikasi.


    Artikel terkait :



    Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Cara Menerapkan Fungsi Flip Face Hadapan Wajah Karakter Pada Aplikasi Unity 3D.
    Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Fungsi Flip Face Hadapan Wajah Karakter Pada Aplikasi Unity 3D.
    Sekian dan terimakasih.
    Read more

    Dasar Atribut Tagging pre Pada Bahasa Pemrograman HTML

    Dasar Atribut Tagging <pre> Pada Bahasa Pemrograman HTML




    Dasar Atribut Tagging pre Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

    Jokam-Informatika.com - Bagi sobat yang memiliki website yang gemar sekali membagikan kata bijak ataupun koding pastinya sudah tidak asing dengan tag ini, karena coding ini dipakai untuk menyampaikan kedua hal tersebut. Sebenarnya, masih banyak lagi yang perlu anda ketahui tidak hanya 2 hal yang saya sampaikan sebelumnya.

    Dengan diikutsertakan coding ini maka teks atau kalimat seperti coding yang akan disampaikan kepada pengunjung akan lebih terlihat dan berbeda dari kalimat atau paragraf yang lain, karena tag pre sendiri dapat kita modifikasi sesuai dengan keinginan agar menjadi lebih indah dengan menggunakan CSS tentunya.

    Seperti apakah fungsi dari Tagging Pre pada HTML ?

    Simak ulasan berikut ini untuk mengetahui dan mencobanya,

    Pre - Merupakan salah satu tag pada pemrograman html yang seringkali dipakai oleh pembuat artikel untuk menyampaikan kata bijak atau koding tertentu. pre merupakan metode pembingkaian atau pembungkus and sebuah kalimat atau kata di dalam sebuah artikel agar menjadi menarik dan mendapatkan perhatian lebih dari pengunjung. Tag pre juga dapat di desain menjadi lebih indah dan juga canggih dengan menggunakan javascript dan css.

    Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :


    Syntax :

    <pre>
    Konten
    </pre>

    Penerapan Syntax :

    
    <pre>
    Buah Manggis
    Buah Kedondong
    
    Saya Manis
    Kayak Berondong
    </pre>
    


    Pre Attribute :

    No.

    Attribute

    Value

    Fungsi

    1
    width
    number
    Berfungsi untuk mendefinisikan fungsi pembingkaian kata/kalimat pada halaman website.


    CSS Default Pre Tag

    
    pre {
     display: block;
     font-family: monospace;
     white-space: pre;
     margin: 1em 0;
    }
    


    Ingin mencobanya ?
    Klik disini : JALANKAN CODE



    Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Dasar Atribut Tagging <pre> Pada Bahasa Pemrograman HTML.
    Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <pre> pada HTML.
    Sekian dan terimakasih.
    Read more

    Thursday, November 8, 2018

    Cara Membuat Deteksi Tanah Dan Melompat Multi Jumpper 2 Sampai 3 Kali Diudara Pada Aplikasi Unity 3D

    Cara Membuat Deteksi Tanah Dan Melompat Multi Jumpper 2 Sampai 3 Kali Diudara Pada Aplikasi Unity 3D




    Cara Membuat Deteksi Tanah Dan Melompat Multi Jumpper 2 Sampai 3 Kali Diudara Pada Aplikasi Unity 3D - JOKAM INFORMATIKA

    Jokam-Informatika.com - Hai sobat, masih semangat untuk membuat aplikasi game sendiri bukan ? Apabila sobat kemarin mempelajari tutorial dari saya dalam hal membuat lompatan dan juga gerak karakter di dalam game maka pada kesempatan ini saya akan membagikan sesuatu yang kurang dari tutorial tersebut. Karena mengingat tutorial yang kompleks dan panjang maka lebih baiknya saya pisah menjadi part artikel agar mudah dimengerti bagian per bagian.

    Selanjutnya, apabila kita perhatikan pada hasil dari tutorial yang kemarin berjudulkan : Cara Menggerakan Karakter Dan Animasi Object Player Dengan Script C# Pada Aplikasi Unity 3D yang memiliki kekurangan yaitu ketika karakter melakukan loncatan maka yang terjadi karakter tidak dapat kembali lagi ke tanah alias terus melompat ke atas tanpa henti. Oleh karena itu saya ingin melanjutkan dan juga memberikan tutorial yang mendukung hal tersebut agar tidak menjadi celah gerak karakter atau istilah umumnya bug(kekurangan game).

    Tak hanya itu, saya juga memasukkan fungsi untuk memberikan efek lompatan maksimal dua sampai tiga kali di udara pada karakter seperti halnya game hero, ketika karakter sudah melompat setidaknya tiga kali di atas tanah maka karakter tidak diperbolehkan melompat kembali hingga karakter tersebut dapat menyentuh tanah kembali agar dapat melompat seperti yang sudah dilakukan sebelumnya.

    Untuk menerapkan hal ini maka dibutuhkan objek komponen dan juga script C# untuk menangani logika yang diinginkan oleh kita.

    Bagaimanakah cara membuat Deteksi Tanah dan Melompat sebanyak 3x di udara ?

    Simak ulasan di bawah ini untuk mengetahui kode dan juga tutorialnya,

    Deteksi - Adalah sebuah metode yang dapat anda gunakan ketika sedang membuat game untuk menentukan berbagai kondisi yang dapat diidentifikasi misalkan tanah dan juga material, dengan menggunakan metode ini maka karakter yang akan berjalan pada game dapat melakukan sesuatu yang kita inginkan terutama dalam hal pijakan kaki atau tanah. Didalam game, biasanya pemain hanya dapat diizinkan melompat sebanyak 1 sampai dengan 5 kali sesuai dengan keinginan pembuatnya karena apabila melebihi dari jumlah tersebut akan mengurangi realitas dari game itu sendiri yang apabila dikaitkan dengan kegiatan dunia nyata akan sangat tidak cocok.

    Maka dari itu, lompat yang ideal adalah 1 sampai dengan 3 atau 5 kali saja, selain jumlah lompatan pendeteksian tanah juga sangat penting agar karakter bisa mengetahui apa saja yang di dekatnya termasuk pijakan kaki kepada tanah.

    Oke, langsung saja kita menuju ke dalam pembahasan untuk membuat kedua fungsi dalam artikel ini :
    • Pertama, sebelumnya sobat harus membuat komponen pendeteksi tanah pada karakter didalam Aplikasi Unity 3D dengan cara "CTRL + SHIFT + N" (1). Kemudian beri nama sesuai keinginan sobat contohnya "Detection". (2). Tempatkan Detection komponen kedalam player seperti gambar berikut ini pada nomor 2. (3). Kemudian sesuaikan detection komponen agar berada di bawah atau di antara kaki karakter.

    • Kedua, kemudian lanjutkan dengan membuka skrip yang pada sesi artikel sebelumnya sudah kita buat dengan cara (1). Klik kanan pada scrip lalu, (2). Klik "Open" maka akan terbuka secara otomatis aplikasi "Mono Develop" untuk membuka script ini.

    • Ketiga, saat skrip sudah dibuka maka berikan beberapa tutorial dibawah ini ke dalam script,


    • Memberikan Deklarasi Deteksi Tanah


      Pada deklarasi deteksi kita akan memakai jenis 3 data yakni Boolean, Float dan Selection Drag. Edit pada bagian  public class Player_Controller : MonoBehaviour { DISINI }  dan tambahkan kode berikut ini :
      
       // Deklarasi untuk Detection Tanah dan Objek yang diizinkan untuk dilompati
       public bool Floor;
       public Transform Detection;
       public LayerMask Layer_Sellection;
       public float Radius;
      


      Memberikan Deklarasi Multi Jump


      Pada deklarasi ini kita kita membutuhkan komponen angka dalam hal waktu dan jumlah lompatan, maka pasang script berikut ini pada  public class Player_Controller : MonoBehaviour { DISINI }  dengan script berikut ini :
      
       // Deklarasi untuk TimeCounter dan Durasi yang diizinkan
       private float jumpTimeCounter;
       public float jumpTime;
       private bool isJumping;
      


      Memberikan Fungsi Deteksi Tanah


      Untuk menerapkan fungsi deteksi tanah maka diperlukan sebuah fungsi seperti berikut ini pada  void Update () { DISINI }  dengan skrip berikut :
      
       Floor = Physics2D.OverlapCircle (Detection.position, Radius, Layer_Sellection);
      


      Menerapkan Fungsi Deteksi Tanah Dan Multi Jump Ketika Melompat


      Ketika melompat yang sebelumnya terus melompat maka edit pada bagian yang sama pada kode lompat di  void Update () { DISINI }  dengan kode baru berikut ini :
      
      if (Floor == true) {
       Animation.SetBool ("Jump Pocong", false);
       if (Input.GetKey (KeyCode.Space)) {
        isJumping = true;
        Animation.SetBool ("Jump Pocong", true);
        jumpTimeCounter = jumpTime;
        Jump.velocity = Vector2.up * Jump_High;
       }
      }
      
      if (Input.GetKey (KeyCode.Space)) {
       if (jumpTimeCounter > 0) {
        Animation.SetBool ("Jump Pocong", true);
        Jump.velocity = Vector2.up * Jump_High;
        jumpTimeCounter -= Time.deltaTime;
       } else {
        isJumping = false;
       }
      } else {
       Animation.SetBool ("Jump Pocong", false);
      }
      
      if (Input.GetKey (KeyCode.Space)) {
       Animation.SetBool ("Jump Pocong", true);
       isJumping = false;
      }
      

    • Keempat, saat semua skrip sudah di edit atau sobat masukan maka jangan lupa save script dengan cara "CTRL + S" kemudian cek pada aplikasi Unity 3D.
    • Kelima, (1). Seleksi pada bagian object karakter. (2). Sroll kebawah pada bagian tab kanan editor atau "Inspector". (3). Pada skrip yang sebelumnya sudah kita masukkan ke dalam karakter maka akan terlihat perubahan pada script yang sudah kita edit sebelumnya yaitu "Jump Time" isi dengan sesuai keinginan sobat. Jika sobat menginginkan lompatan 2 kali maka 0.2, jika 3 kali maka 0.3 dan seterusnya.

    • Keenam, masih terus scroll dibawahnya kita akan menjumpai fungsi deteksi tanah, maka masukan detection yang ada dalam karakter yang sudah kita buat sebelumnya pada langkah ke Pertama tersebut kedalam fungsi "Detection". Gunanya adalah nanti detection akan difungsikan dengan benar oleh skrip.

    • Ketujuh, kemudian klik tanah yang ada disekitar karakter atau tepat di bawah karakter. Disini kita akan memasukkan fungsi untuk mendeteksian dan perbedaan komponen tanah dengan komponen yang lain. (1). Klik pada bagian "Layer". (2). Klik "Add Layer..." jika tanah kalian belum memiliki tag layer, namun jika sudah memiliki tag layer seperti saya yakni "Grounded" maka kita tinggal melanjutkan saja. (3). Pilih atau centang layer yang kita buat atau inginkan.

    • Kedelapan, kembali dengan cara menyeleksi komponen player, dan scroll kebawah seperti langkah "Kelima" maka kita akan menemukan fungsi "Layer_Sellection", kemudian pilih layer yang dibuat pada langkah "Keenam" sebelum ini yakni Grounded.

    Note :

    Untuk Inspector Floor adalah Boolean sehingga tidak perlu untuk diisi, sedangkan untuk Inspector Radius biarkan saja 0, karena jika lebih besar nilai tersebut maka detection akan semakin besar jangkauan lingkarannya. Jika jangkauan deteksi semakin besar maka peluang terus melompat akan tetap terjadi sehingga biarkan saja "0" agar melompat hanya dapat terjadi jika kaki pemain menyentuh tanah atau grounded saja.


    Artikel terkait :



    Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Cara Membuat Deteksi Tanah Dan Melompat Multi Jumpper 2 Sampai 3 Kali Diudara Pada Aplikasi Unity 3D.
    Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Membuat Deteksi Tanah Dan Melompat Multi Jumpper Pada Aplikasi Unity 3D.
    Sekian dan terimakasih.
    Read more

    Wednesday, November 7, 2018

    Cara Menggerakan Karakter Dan Animasi Object Player Dengan Script C# Pada Aplikasi Unity 3D

    Cara Menggerakan Karakter Dan Animasi Object Player Dengan Script C# Pada Aplikasi Unity 3D




    Cara Menggerakan Karakter Dan Animasi Object Player Dengan Script C# Pada Aplikasi Unity 3D - JOKAM INFORMATIKA

    Jokam-Informatika.com - Jika sebelumnya sobat sudah membaca tutorial tentang cara mendapatkan aplikasi dan juga membuat sebuah objek atau pemain/karakter di dalam aplikasi Unity 3D menggunakan komputer atau laptop. Maka, langkah selanjutnya yaitu kita harus menggerakkan karakter ataupun pemain agar bisa berpindah tempat dari tempat satu ke tempat yang lainnya karena apabila pemain tidak bergerak maka hal tersebut bukanlah sebuah permainan ataupun game.

    Ada tiga jenis perpindahan yaitu pindah ke kiri, ke kanan dan juga melompat atau ke atas. Ketiganya sendiri dapat kita terapkan menggunakan kode script yang didukung pada aplikasi Unity 3D yakni C#(CSharp) yang ada pada aplikasi Unity tersebut.

    Bagaimanakah caranya dan skrip untuk menggerakan karakter game pada aplikasi unity 3D ?

    Simak ulasan di bawah ini untuk mendapatkan kode dan juga tutorialnya, pastikan sobat teliti dalam menjalankan tutorial karena mengingat dalam tutorial memanfaatkan koding dan juga langkah-langkah yang harus anda mengerti juga pahami dalam hal logic(logika).


    Gerakan Karakter - Merupakan hal yang wajib di dalam sebuah game dan biasanya disertai juga dengan animasi tertentu yang mendukung gerakan tersebut misalkan melompat maka animasi nya juga tentunya melompat. Adapun sumbu yang digunakan ada tiga yaitu sumbu X, Y dan Z pada pergerakan karakter. Animasi juga diperlukan agar karakter tidak berjalan secara diam sehingga tidak terasa monoton ketika pengguna sedang memainkannya, apabila sobat sudah mempelajari artikel sebelumnya mungkin anda hanya tinggal melanjutkan tutorial ini.

    Sedangkan C# adalah salah 1 jenis pemrograman yang didukung oleh aplikasi Unity 3D, C# merupakan simbol huruf apabila jenis pemrograman ini dibaca yaitu "CSharp".

    Untuk persyaratan agar karakter dapat berjalan dengan baik maka media alas atau tanah harus diberi collider sepanjang dari perjalanan ataupun pergerakan karakter.

    Mungkin tidak ada penjelasan khusus dari admin tentang penjabaran pergerakan pada karakter di dalam game, jadi langsung saja kita menuju ke tutorial yaitu coding untuk menjalankan gerak dari sebuah karakter player.


    Membuat Script Baru Untuk Karakter


    Sebelum kita menerapkan pengkodean ke dalam aplikasi Unity 3D, maka proses tahap awal pastinya kita harus membuat sebuah file script yang nantinya akan difungsikan untuk menampung strip yang akan kita buat nantinya, apabila script sudah selesai maka kita dapat memasukkan script ke dalam karakter. Berikut ini adalah tutorial cara membuat file script C# :
    • Pertama, Pastikan kita dalam keadaan membuka aplikasi Unity 3D kemudian (1). Klik kanan mouse pada area project. (2). Kemudian klik "Create" untuk membuat. (3). Lalu pilihlah "C# Script".

    • Kedua, Anda akan menjumpai file baru dan rename nama file dengan mengklik 1x saja pada nama file dan ubah nama file sesuai dengan keinginan sobat misalkan "Player_Controller".
    NB : Untuk penulisan nama tidak boleh diawali dengan nomor dan mengandung karakter tertentu yang dilarang ataupun spasi pada nama file.

    Dalam tahap ini kita sudah selesai dalam membuat script baru untuk dijadikan media tempat kita menaruh coding pergerakan karakter agar bisa bergerak ketika dimainkan.


    Script Koding Gerak Karakter


    Ketika kita sebelumnya sudah membuat script baru untuk penempatan coding pergerakan karakter maka kita bisa membukanya dengan cara dobel klik pada file untuk mengedit dan menempatkan coding kita. Untuk coding pergerakan tidak saya kumpulkan(menjadi satu coding) dan akan saya bagi menjadi tiga bagian dengan tujuan agar sobat mengerti tentang kinerja dari coding dan juga pergerakan nya.

    Berikut ini adalah tutorial dan coding untuk menggerakkan karakter game didalam aplikasi unity 3D :
    • Pertama, Dobel klik pada file coding yang sebelumnya sudah kita buat pada tutorial di atas maka secara otomatis file script akan terbuka oleh aplikasi "Mono Devlop" sebagai aplikasi bawaan untuk mengedit koding C#.
    • Mono sendiri adalah aplikasi bawaan dari aplikasi unity 3D dan memiliki fungsi untuk mengedit script tepatnya adalah C#(CSharp).
    • Kedua, masukan beberapa script berikut ini pada  public class Player_Controller : MonoBehaviour { DISINI }  dengan koding berikut :
    • 
      // Delarasi untuk Animation
      Animator Animation;
      
      // Deklarasi untuk kecepatan gerak dan lompat
      public int Speed;
      public int Jumping;
      
      // Deklarasi untuk fungsi Rigidbody2D ketika melompat
      Rigidbody2D Jump;
      
    • Ketiga, pada  void Start () { DISINI }  masukan ini untuk mendukung fungsi diatas :
    • 
      // Berfungsi untuk mengambil komponen dari project kita tentang Animator dan Rigidbody2D
      Animation = GetComponent<Animator> ();
      Jump = GetComponent<Rigidbody2D> ();
      
    • Keempat, Kemudian masukan pada  void Update () { DISINI }  untuk fungsi gerak dan melompatnya disertai dengan tombol kontrol keyboard. Berikut ini adalah koding sesuai dengan arah gerak dan tombol yang dipakai :

    • Gerak Kiri (Keyboard A)
      
      if (Input.GetKey (KeyCode.A)) { // Fungsi untuk mendapatkan kode Keyboard A.
       transform.Translate (Vector2.left * Speed * Time.deltaTime); //Fungsi untuk gerakan karakter ke kiri sesuai dengan kecepatan input.
       Animation.SetBool ("Walk Pocong", true); // Fungsi untuk menyalakan animasi berjalan.
      } else if (Input.GetKey (KeyCode.A) && Input.GetKey (KeyCode.Space)) { // Fungsi jika kode Keyboard yang di gunakan A dan Spasi maka tetap menerapkan fungsi gerak ke kiri.
       transform.Translate (Vector2.left * Speed * Time.deltaTime);//Fungsi untuk gerakan karakter ke kiri sesuai dengan kecepatan input.
       Animation.SetBool ("Walk Pocong", true); // Fungsi untuk menyalakan animasi berjalan.
      } else { // Fungsi jika kondisi yang di hadapi selain Keyboard A dan Keyboard A+Spasi.
       Animation.SetBool ("Walk Pocong", false); // Fungsi untuk mematikan animasi berjalan.
      }
      

      Gerak Kanan (Keyboard D)
      
      if (Input.GetKey (KeyCode.D)) { // Fungsi untuk mendapatkan kode Keyboard D.
       transform.Translate (Vector2.right * Speed * Time.deltaTime); //Fungsi untuk gerakan karakter ke kanan sesuai dengan kecepatan input.
       Animation.SetBool ("Walk Pocong", true); // Fungsi untuk menyalakan animasi berjalan.
      } else if (Input.GetKey (KeyCode.D) && Input.GetKey (KeyCode.Space)) { // Fungsi jika kode Keyboard yang di gunakan D dan Spasi maka tetap menerapkan fungsi gerak ke kanan.
       transform.Translate (Vector2.right * Speed * Time.deltaTime); //Fungsi untuk gerakan karakter ke kanan sesuai dengan kecepatan input.
       Animation.SetBool ("Walk Pocong", true); // Fungsi untuk menyalakan animasi berjalan.
      } else { // Fungsi jika kondisi yang di hadapi selain Keyboard D dan Keyboard D+Spasi.
       Animation.SetBool ("Walk Pocong", false); // Fungsi untuk mematikan animasi berjalan.
      }
      

      Melompat (Keyboard Spasi)
      
      if (Input.GetKey (KeyCode.Space)) { // Fungsi untuk mendapatkan kode Keyboard Space.
       Jump.AddForce (new Vector2 (1, Jumping)); //Fungsi untuk melompat menggunakan Vector 2 dengan kecepatan input Jumping.
       Animation.SetBool ("Jump Pocong", true); // Fungsi untuk menyalakan animasi melompat.
      }  else { // Fungsi jika kondisi yang di hadapi selain Keyboard Space.
       Animation.SetBool ("Jump Pocong", false); // Fungsi untuk mematikan animasi melompat.
      }
      

    • Kelima, Apabila semua tutorial sudah anda terapkan diatas maka save koding anda dengan cara " CTRL + S ", kemudian jangan tutup editor mono sembari lihat atau pindah tab ke Aplikasi Unity 3D.
    • Keenam, Saat anda berada pada aplikasi Unity 3D pastikan sobat sudah (1). Menyeleksi karakter atau player yang sudah sobat buat. (2) Kemudian pada "Inspektor" scroll kebawah dan tambahkan komponen baru dengan klik "Add Component". (3). Kemudian pilihlah "Script". (4). Kemudian pilih script sebelumnya yang sudah kita setting diatas yakni "Player_Controller".


    • Ketujuh, Maka akan terlihat 2 hal yang harus anda isi yakni pada inspektor yang dapat anda scroll pada bagian bawah "Speed" dan "Jumping", keduanya dapat sobat isi sesuai dengan keinginan sobat. Seperti gambar berikut ini :

    Keterangan :
    Speed adalah kecepatan pergerakan ke kiri dan kekanan daripada karakter, semakin besar angka maka semakin cepat. Jumping adalah kekuatan atau ketinggian lompatan karakter ketika melompat, semakin besar angka maka semakin tinggi lompatan.


    Artikel terkait :



    Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Cara Menggerakan Karakter Dan Animasi Object Player Dengan Script C# Pada Aplikasi Unity 3D.
    Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Menggerakan Karakter Dan Animasi Object Player Dengan Script C# Pada Aplikasi Unity 3D.
    Sekian dan terimakasih.
    Read more