Novelty — Hotspot, Thread, Branch

Halo 🙂

Postingan kali ini akan membicarakan tentang Hotspot, Thread dan Branch

Hotspot

Kalau Anda sering bermain game pastinya Anda akan menemukan game dengan peta dimana Anda bisa mengklik nama lokasi di peta tersebut kemudian Anda akan menuju ke sana. Nah, nama lokasi itulah yang akan kita buat dengan hotspot. Kenapa dibuat dengan menggunakan hotspot dan bukan menggunakan button? Kalau dengan menggunakan button kita harus membuat button untuk setiap lokasi yang bisa diklik oleh user. Sementara dengan hotspot kita tinggal menambahkan hotspot di atas gambar peta tersebut sehingga menghemat pekerjaan kita.

Dibawah ini ada gambar peta yang bisa digunakan, gambar peta ini saya buat dengan menggunakan Photoshop dan kalau ingin tahu bagaimana cara membuatnya silakan klik link berikut ini. Simpan dengan nama peta dan masukkan sebagai BG di Novelty dengan menggunakan menu  File->Import Assets->Images. Akan muncul jendela Image import wizard, cari gambar peta yang sudah disimpan dan centang Background. Klik ok.

Nama peta yang saya import adalah Hasil jadi. Jangan terlalu dipermasalahkan perbedaan nama peta ini. Peta ini hasil jadi dari postingan saya tentang menggunakan Photoshop untuk membuat peta. [link sudah ada di atas]

Kita bisa menggunakan BG peta ini pada Screen tersendiri dengan nama Screen Peta misalnya. Jadi nanti pada user interface vn kita bisa menambahkan tombol untuk membuka screen ini [seperti pada game RPG]. Untuk menampilkan BG pada Screen bisa dilihat di postingan bagian pertama kalau lupa caranya J

Untuk menambahkan hotspot klik kanan pada stage dan pilih Create new object->Hotspot.

Intermezzo sejenak :

Kalau Anda memperhatikan digambar terlihat bahwa ada banyak pilihan yang muncul saat kita mengklik kanan stage. [Diantaranya ada video yang sudah pernah saya bahas sebelumnya.] Selain Hotspot saya juga menggunakan Text object untuk memberi nama pada bg peta. Kalau nantinya Anda menggunakan peta yang sudah ada namanya itu juga tidak masalah. Kenapa saya bahas ini? Karena cara kerja setiap orang berbeda. Mungkin ada yang ingin membuat dengan system kalau semua tampilan kota sudah muncul namun user tidak bisa memilih atau ada yang membuat nama kota baru muncul kalau user bisa datang ke sana. Itu sudah masalah code. Tapi dari hal kecil seperti pemilihan peta ini saja nantinya akan mempengaruhi alur permainan game yang Anda buat dan juga beban kerja pada sang artis. Hanya sekedar intermezzo saja. Jangan dibuat pusing ok 🙂

Kotak biru di atas adalah Hotspot. Oh iya, jangan kaget kalau saat Anda membuat Text box atau Hotspot layar berubah menjadi hitam. Itu bukan berarti BG nya hilang, itu cuma cara kerja Novelty saja.

Klik pada hotspot dan pada tab Property Inspector bisa dilihat kalau fungsi hotspot memang mirip dengan button. Hanya saja hotspot tidak akan kelihatan saat Novelty dijalankan. Jadi hotspot juga bisa berfungsi untuk hal lainnya selain membuat peta [ada yang berminat membuat game mencari barang misalnya? J ]

Silakan buat dulu Page dengan nama kota yang akan dituju, dalam hal ini Atlantis.

Hotspot sama seperti button, kita bisa memilih aksi yang akan dilakukan oleh hotspot saat diklik dengan menggunakan pilihan pada window Property Inspector.

Thread

Thread digunakan untuk membuat cabang dari cerita. Karena kita membuat vn maka tentu saja cerita yang akan kita buat berbeda satu sama lainnya sesuai dengan pilihan yang dibuat oleh user. Akan lebih jelas kalau langsung saya praktekkan saja. Jadi silakan buat pengenalan tokoh [tambahkan portrait kalau mau, saya membuat page Atlantis dengan menggunakan tokoh Kabotya karena sudah ada langsung portraitnya di Novelty, nanti contoh projek akan saya share J ] sekedar untuk pembukaan di page Atlantis.

Kemudian tambahkan dialog “Jadi, kenapa kamu kemari wahai anak muda?”

Kemudian klik kanan pada page Atlantis dan pilih Add thread kemudian rename thread itu dengan nama ‘Aku tidak tahu’. Ada 2 cara menggunakan thread, dengan menggunakan menu atau dengan menggunakan action Play thread. Pertama-tama kita akan menggunakan menu. Jadi tambahkan menu dengan 2 pilihan ‘Diam’ dan ‘Aku tidak tahu’. Biarkan saja pilihan Diam. Pilih Play thread pada pilihan Aku tidak tahu dan pilih thread Aku tidak tahu.

Ketikkan dialog ‘Aku tidak tahu, tiba-tiba saja aku telah berada di sini’ pada thread Aku tidak tahu. Kemudian kembalilah ke page Atlantis dan ketikkan ‘Baiklah, aku akan membawamu ke hadapan raja Poseidon, biar raja yang memutuskan apa yang akan dilakukan denganmu’

Sampai disini dulu, jalankan Novelty dan pilih kedua pilihan tersebut. Di sini terlihat perbedaan sekilas dari kedua pilihan itu hanyalah bahwa user sempat mengatakan bahwa ia tidak tahu kenapa ia berada di sana. Bagaimanapun, diam atau bicara pada akhirnya user akan berhadapan dengan sang raja. Jadi kita bisa melihat dari contoh diatas bahwa thread digunakan untuk membuat semacam cabang cerita namun pada akhirnya cerita akan tetap kembali ke page yang sama atau tetap di satu jalur cerita.

Branch

Selanjutnya adalah branch. Berbeda dengan thread, dengan branch jalan cerita akan menjadi berbeda sesuai dengan pilihan yang kita buat. Kemarin-kemarin saya sudah menjelaskan sekilas tentang variabel, nah kita bisa mengkombinasikan branch dengan variabel. Jadi misalnya dalam cerita tokoh utama kita nantinya akan menghadap sang raja, lalu nanti akan muncul pertanyaaan-pertanyaan dari sang raja yang akan bernilai 1 poin setiap pertanyaan. Kita akan membuat 3 pertanyaan saja, jadi kalau user menjawab dengan benar nilainya seharusnya max 3. Lalu kemudian kita akan membuat pengecekan apakah poin = 3 atau tidak. Kalau sama nanti kita akan membuat user bisa pergi ke alun-alun misalnya dan kalau tidak sama user akan diminta tinggal dulu sementara di tempat tertentu. [di penjara mungkin?]

Kalau di vn dengan tema dating simulation biasanya pengecekan seperti ini dilakukan terakhir, ‘skala cinta’ diukur apa cukup untuk jadi pacar. Tapi bisa juga kita buat pengecekan di tengah-tengah seperti ini, semuanya tergantung dengan cerita yang ingin Anda buat J

Saya akan memberi sedikit percakapan singkat dengan sang raja, kemudian baru kita tambahkan pertanyaan-pertanyaan yang ingin kita ajukan. Saya akan menggunakan teka-teki untuk pertanyaan dari sang raja. Berikut adalah pertanyaannya

• Bersisik bukan ikan, berpayung bukan raja, apakah itu? Jawaban : nenas

• Orang yang membelinya tidak menggunakannya, orang yang membuat tidak menggunakannya, orang yang memakainya tidak tahu kalau ia menggunakannya, apakah itu? Jawaban : peti mati
• Pada pagi hari ia berkaki 4, pada siang hari ia berkaki 2 dan pada senja hari ia berkaki 3. Apakah itu? Jawaban : manusia

Kita akan menggunakan menu untuk pertanyaan-pertanyaan di atas. Tapi sebelumnya kita harus membuat dulu sebuah variabel bernama poin untuk menampung nilai benar dan salah dari pertanyaan yang akan kita buat.

Klik pada Set game variable di Action Catalog dan isi sesuai dengan gambar di atas

Kemudian baru kita masukkan menu untuk setiap pertanyaan yang ada [sudah ada di postingan sebelum ini jadi tidak perlu saya beri tahu caranya bukan 🙂 ]

Silakan memilih Menu style yang diinginkan, saya memilih Sample menu 3 karena paling tebal jadi terlihat dengan mudah saat di screen shoot. Saya menggunakan 2 pilihan namun kalau mau lebih silakan saja. Kemudian Anda bisa mengubah-ubah urutan jawaban benar salahnya, jadi bisa nenas dulu baru pisang, yang terpenting adalah pada pilihan yang benar Anda atur Event : set variable, kemudian ketikkan nama variable yang tadi sudah kita buat sebelumnya yaitu poin. Pada Operator pilih Add karena kita akan menambah nilai poin [Anda bisa juga membuat sistem di mana jawaban yang salah poin nya berkurang 1 untuk vn Anda J ], ketikkan nilai yang ingin ditambahkan yaitu 1.

Lakukan hal yang sama untuk pertanyaan-pertanyaan berikutnya.

Selanjutnya buatlah sebuah page bernama Penjara. Beri deskripsi sesuai yang Anda inginkan, jangan lupa untuk menambahkan End novel agar Novelty tidak ‘hang’ saat dijalankan.

Kembali ke page Atlantis, klik 2 kali Branch dari Action catalog. Branch menggunakan logika if, and dan or.

Klik pada Condition di Property Inspector, akan muncul jendela Edit condition, kemudian klik tanda & di pojok kiri atas dan masukkan nama variabel kita -poin- dan kondisi pengecekan –Is equal- dan value (nilai) yang di cek -3- .

Sekarang, kalau poin setara dengan nilai 3, berarti semua pertanyaan dijawab dengan benar, maka kalau benar kita tidak perlu melakukan apapun, karena dialog akan tetap berlanjut di page Atlantis.

Kalau tidak setara dengan 3 yang berarti kondisi false (salah) user akan dibawa menuju ke page Penjara yang tadi sudah kita buat.

Test projek. Semuanya berjalan dengan lancar, tapi bisa kita lihat pada saat masuk di penjara Poseidon masih tetap ada. Ini karena kita berganti page tanpa menarik dulu aktor Poseidon dari scene. Untuk mengatasinya tambahkan Withdraw actor sebelum Branch dan karena ada dialog Poseidon maka tambahkan Enter actor setelah Branch.

Projek dari postingan ini [*.nov] bisa di dl di

Novelty

Oh iya, projek ini tanpa peta [hotspot] jadi langsung adegan di Atlantis. Kenapa? Karena walaupun saya berikan di dalam, peta nya juga tidak akan kelihatan di tempat Anda [harus di import dulu di tempat Anda] jadi daripada setengah-setengah seperti itu lebih baik saya kira Anda yang buat sendiri saja untuk hotspotnya.  🙂

Silakan tinggalkan komentar dan tolong dishare kalau postingan ini dirasa berguna

Terima kasih sudah mampir dan membaca blog saya ^_^