Tutorial construct 2 - Tutorial Bagaimana Cara Membuat Scoring Time (scoring menggunakan timer )

Berikut ini adalah tutorial tentag scoring time. Pertama-tama yang di butuhkan jika ingin membuat scoring menggunakan timer. Pasti nya kalian butuh Construct 2, kedua kalian butuh plugin Time Manager. Ini link nya.  Time Manager. Cara menginstall pluginnya, kita buka folder dimana kita menginstall Construct 2-nya. Kurang lebih proses nya seperti ini Construct 2-> exporters -> html5 -> plugins. Kita extract  file yang tadi kita download di folder plugins. Buat folder dulu di plugins dengan nama Time Manager lalu extract nya di folder yang baru kita buat tadi.

Ayo kita mulai aja belajarnya. Pertama kalian buka dulu Construct 2 nya, Kalo sudah di buka Construct 2 nya, kalian pilih New Project -> New Empty Project.

 

Kalo udah kepilih, pasti tampilannya polos, nah sekarang klik kanan di layout project kita, lalu pilih Insert new Object, kemudian pilih Object Text. Text pertama kita beri nama Timer, lalu yang kedua kita beri nama Score.

Jika sudah selesai, kurang lebih tampilannya seperti ini. Disini tampilannya sudah sy ubah sedikit. text nya sudah sy ganti menurut nama object nya.

  Sekarang kita masukkan object baru. Insert New Object lalu pilih Time Manager.

Ayo ktia pindah ke event sheet nya. Sekarang coba klik kanan di tampilan event sheet nya, lalu pilih Add Global Variable yang gambar nya bumi hijau. Ini kita sedang membuat variable score. Beri value Name  nya Score, pilih Type-nya Number, lallu masukkan Initial Value nya 9000. Disini saya memberi Score awal 9000 lalu tekan OK.

Sekarang kita mainkan Event-nya. Klik add event untuk menambahkan event baru. Pilih Object System, lalu pilih event On Start Of Layout untuk event yang di jalankan ketika Layout berjalan. Lalu pilih Done.

Lalu di Action nya pilih Object System lagi, kemudian pilih action Set Time Scale, masukkan angka 1 untuk Normal Speed.

 Pilih Object Time Manager -> Time Countdown.

 Kemudian isi Countdown Time dengan 90000 untuk 90 detik, disini satuannya milliseconds, jadi setiap 1 detik = 1000ms. Lalu di Label beri nama Countdown, State biar kan di Started. Kemudian klik Done.

Sekarang kita tambahkan event baru lagi. Untuk meletakkan timer yang kita buat tadi di object text timer. Klik add event, lalu pilih object system. Kemudian kita pilih Every tick.

Tambahkan action di Every Tick, pilih object Text dengan nama Timer. Kemudian pilih Set Text. Setelah di next masukkan di textbox nya "TimeManager.HHMMSS("Countdown")", lallu tekan Done.

Tambahkan sub-event di event yang ke-2 dengan cara klik kanan di bawah tulisan system nya, lalu pilih add -> add sub-event, atau tekan "s". Kemudian pilih Time Manager, dengan kondisi Is Counter Finished? kondisi dimana si Countdown habis. Lalu tekan next jika sudah. Isi label nya dengan "Countdown".

Lalu tambahkan action jika Countdown nya sudah habis. Disini saya akan Set text nya menjadi "Waktu Habis", caranya mudah. Di add action, pilih object text dengan nama timer, kemudian set text, lalu isi text nya bebas di antara double quote (").

Tadi kita sudah set timer nya, sekarang kita set score nya. Kita sudah memiliki Variable Score dengan value nya 9000. Sekarang kita set setiap 1 detik, si Score berkurang 100. Tambahkan event system, dengan kondisi every x seconds. Kemudian set interval nya 1, untuk setiap 1 detik.

Add action system, kemudian pilih action add to, kita set parameter nya, variable nya ke variable Score, dengan value -100 untuk setiap 1 detik berkurang 100. 

Kita sudah set si Score untuk berkurang 100 setiap 1 detik. Tapi belum memunculkannya. Di event setiap 1 detik, kita tambahkan action ke 2 untuk menampilkan score yang berkurang setiap 1 detik. Pilih object text dengan nama Score, kemudian pilih action set text, lalu di parameter nya kta masukkan Score tanpa double quote (") untuk meletakkan variable Score di object text Score.

Lalu kita run project nya, jadi kurang lebih tampilan Scoring nya seperti ini.

Nah, sekarang kalian sudah tau bagaimana caranya membuat Score yang berkurang setiap detik melalui timer. Semoga kalian bisa mengembangkannya. selamat mencoba.