CLICK FOR CLAIM PROMO !

Selasa, 21 April 2015

Tutorial Penggunaan Ren'py (sudah pasti kerja/work)

Subscribe


Cara sederhana menggunakan renpy
2012-07-19 22:39:08
by eXo

Renpy adalah engine untuk membuat visual novel menggunakana bahasa program phyton. Pada tutorial ini kita akan belajar membuat visual novel sederhana dengan cerita pendek dan searah.

http://vnproject.org/material/img/article/20120719225500mocd6wao3c.png
Logo renpy

Artikel lanjutan dapat dilihat pada
Fungsi Dasar Renpy

Kita akan melihat bahwa renpy dapat digunakan untuk membuat sebuah visual novel utuh walaupun tutorial ini membahas hal sederhana.

Yang dibahas pada tutorial ini adalah :
1.Membuat project
2.Memahami struktur file renpy
3.Memahami coding renpy
4.Compiling project kita ke bentuk exe.

1. Membuat project
Yang digunakan adalah Renpy 6.13.12 bisa didapatkan pada web
halaman utama renpy,
dan notepad++ (opsional) sebagai program editor yang biasa saya pakai, bisa didapat pada web
filehippo. Silahkan lihat akhir artikel untuk mendapat tips untuk mempermudah melakukan editing dengan notepad++, saya sarankan untuk melihat ini terlebih dahulu agar penjelasan lebih nyambung.

Silahkan install / extract dan silahkan buka renpy.exe dan kita akan melihat gambar seperti dibawah.

http://vnproject.org/material/img/article/20120719223908z2kqtzo53n.jpg
Launcher Renpy

Tekan new project untuk memilih folder, jika salah memilih kita dapat menggantinya pada menu options. Kemudian masukkan nama project maka renpy akan membuat folder dan beberapa file.

2.Memahami struktur file renpy
Gambar dibawah adalah folder file yang dibuat renpy.

http://vnproject.org/material/img/article/20120719224836dn1336s52m.png
Struktur file renpy

Terdapat 4 file penting yaitu readme.html, options.rpy, screens.rpy, script.rpy. Yang akan kita gunakan adalah semua yang ber-arkhian .rpy.
Jangan hiraukan .rpyc karena isinya adalah simbol-simbol tidak jelas yang hanya dapat dibaca komputer dan jangan bersusah payah bingung dengannya.
Kalian dapat membaca 4 file diatas untuk dapat mengerti kegunaannya. Saya akan menjelaskan sedikit.

README.html
berisi penjelasan menu game dan shortcut yang dapat dilakukan selama game berlangsung.

script.rpy
Disinilah ruang kerja utama kita, disini kita akan memperkenalkan artis dan aktor kita, mempersiapkan background, dan memberikan dialog pada artis kita.

screens.rpy
File ini berisi pengaturan tampilan yang berhubungan langsung dengan pembaca vn kita, yang dapat diatur seperti : pengaturan theme kotak percakapan, gambar yang akan dipakai untuk navigasi, gambar dan theme yang dipakai untuk menu save dan load.

options.rpy
File ini berisi pengaturan juga. Beberapa berkaitan langsung dengan tampilan dan beberapa tidak. 4 hal utama yang dapat diatur adalah ukuran layar pada config.screen_width dan config.screen_height serta nama dan versi game kita pada config.name dan config.version.

note : Renpy bersifat case-sensitif dan tab-sensitif dimana nama file script.rpy berbeda dengan ScRiPt.RpY. Saran saya agar tidak mengubah nama file .rpy, selalu konsisten dengan nama file gambar atau background, biasakan menggunakan garis bawah untuk pengganti spasi, biasakan huruf kecil untuk semua nama file baik gambar atau skrip.

3.Memahami coding renpy
Silahkan buka script.rpy menggunakan notepad++ atau program editor yang kalian suka. Kalian dapat menggunakan notepad biasa untuk membukanya dan kita akan melihat gambar dibawah.

http://vnproject.org/material/img/article/20120719224836gqfq4zxk19.jpg
Isi script

Semua huruf yang diawali tanda pagar # adalah komentar, bagian ini akan dihapus ketika VN dimainkan. Kalian dapat menulis apapun setelah tanda pagar ini tanpa mempengaruhi VN yang kalian buat.

Menggunakan Renpy bagaikan membuat sebuah film, kalian harus mengenalkan artis dan memberi dialog ke Renpy agar Renpy dapat bekerja dengan mereka.

Baris 7 adalah mengenalkan nama karakter kita Eileen dengan warna #c8ffc8 yang berarti hijau terang dengan alias e , nama akan ditampilkan ketika percakapan berlangsung.


http://vnproject.org/material/img/article/201207192248369dph7mh5hs.png
Penjelasan define

Semua dialog artis dimulai setelah baris 11. Baris 13 berarti Eileen sedang berkata "You've created a new Ren'Py game." Pastikan ada 4 spasi sebelum alias artis dan semua dialog harus diapit tanda petik dua ". Jika kalian ingin menulis petik pada dialog, gunakan backslash seperti "
http://vnproject.org/material/img/article/201207192248365tnm5mnrkr.png
Penjelasan dialog

Sekarang kalian telah mengerti dasar renpy kalian dapat membuat sebuah Visual Novel. Saya akan mengubah sedikit skrip awal ini.

note : pastikan ada 1 enter setelah tulisan return.


http://vnproject.org/material/img/article/201207192248367r7w8xw6se.jpg
Skrip tambahan

Baris 2 adalah proses mengenalkan gambar background ke Renpy, prosesnya mirip seperti pengenalan karakter. Terdapat alias, dan beberapa tulisan asing untuk memberitahu Renpy dimana dia bisa mengambil gambar dapur dan ukuran gambar yang kita inginkan.


http://vnproject.org/material/img/article/201207192248365e2wko2w6c.png
Scale

Kita dapat menggunakan cara yang lebih sederhana untuk mengenalkan gambar background atau gambar artis kita ke renpy dengan perintah image seperti gambar dibawah.
http://vnproject.org/material/img/article/20120719224836fxrrtc2xyp.png
Pengenalan sederhana

Folder game pada main project kita menjadi folder pertama tempat melakukan pencarian gambar. Jika kita memberi tahu Renpy bahwa tempat gambar terletak di "images/background/dapur.jpg" maka itu terletak pada :
http://vnproject.org/material/img/article/201207192248363gehwxo7x2.png
folder tree

Baris 11 adalah memberitahu Renpy gambar yang kita inginkan untuk ditampilkan sebagai background.
http://vnproject.org/material/img/article/20120719224836zhx7k9dk3n.png
scene

4.Compiling project kita ke bentuk exe.
Setelah kita memperkenalkan artis dan background kita serta memberi dialog ke Renpy, saatnya meminta Renpy mengubahnya menjadi visual novel. Caranya adalah dengan membuka menu utama, memilih project, memilih build distributions,

http://vnproject.org/material/img/article/20120719224836y2cfbz9qzo.jpg
build

Biarkan Lint memeriksa semua skrip .rpy, jika ada dia akan memberi tahu hal yang tidak dia, setelah itu tekan Yes untuk konfirmasi.
http://vnproject.org/material/img/article/201207192248368ok34p26n1.png
Pengecekan lint

Kemudian kita memilih target OS untuk Visual Novel kita, kemudian tekan Build.
http://vnproject.org/material/img/article/20120719224836ewt754ccon.jpg
Compile

Renpy akan memproses beberapa saat, dan silahkan buka folder project untuk mendapat file Visual Novel.
http://vnproject.org/material/img/article/201207192248369ggop4zr8m.png
File visual novel

File dengan akhiran .zip dan .bz2 adalah visual novel yang baru kita buat.

Kalian dapat mengunduh Last day in life untuk menikmati dan mempelajari cara membuat VN sederhana pada
link ini, sekitar 18 mega.

note : Artikel lanjutan dapat dilihat pada
Fungsi Dasar Renpy

Tips Notepad++ :
Editing file .rpy menggunakan notepad cukup membingungkan karena kita tidak dapat membedakan format penulisan. Notepad++ memberi warna berbeda untuk format tersebut.

1. Membuka file .rpy dengan mudah
Dengan ini kita hanya perlu melakukan double klik pada file .rpy untuk membukanya di Notepad++

Buka Notepad++ -> pilih menu Settings -> Preference -> pilih tab File Association -> pilih public script dan tekan tombol "->" kemudian close. Tutup Notepad++ kemudian bukalah lagi.

http://vnproject.org/material/img/article/20120719224836r1rm8d3oya.jpg
Membuka file dengan mudah

2. Meminta Notepad++ memberi warna untuk skrip python
Kita dapat meminta notepad++ memberi warna pada skrip python agar dapat mengenali format penulisan Renpy dengan mudah.

Pilih Settings -> Style Configurator -> Pilih python pada Language -> tambahkan rpy pada User ext. -> tekan Save & Close. -> Tutup Notepad++ kemudian bukalah lagi.

Note : Kalian dapat memilih theme disini, favorit saya adalah Zenburn

http://vnproject.org/material/img/article/20120719224836q1mzcqacgz.jpg
warna format

3. Meminta Notepad++ mengubah tab menjadi spasi
Selain case-sensitif, Renpy juga tab-sensitif. Renpy mengenali dan membedakan antara spasi dan tab. Pada skrip dialog Renpy dibutuhkan 4 spasi agar dia mengenali.

Pilih Settings -> Preferences -> Pilih tab Language Menu / Tab Settings -> Pada bagian tab size, ganti dengan 4, tekan angka yang ada untuk menggantinya -> Pastikan mencentang Replace by space -> Tutup Notepad++ kemudian buka lagi.

Dengan demikian kalian menambah umur spasi kalian karena tidak perlu lagi menekan spasi 4 kali dan menggantinya dengan 1x tab.
http://vnproject.org/material/img/article/20120720025618w74k42kzgh.png
Tab ke spasi

Tidak ada komentar:

Posting Komentar

BERKOMENTARLAH DENGAN BIJAK DENGAN MENJAGA TATA KRAMA TANPA MENGHINA SUATU RAS, SUKU, DAN BUDAYA

SIMAK JUGA ARTIKEL DAN MAKALAH LAINNYA

Soal UAS PKN TAHUN 2017