1Apa itu Game Engine?

Game engine adalah perangkat lunak yang dirancang khusus untuk membuat dan mengembangkan video game. Daripada menulis ribuan baris kode dari nol untuk hal-hal mendasar, engine sudah menyediakannya. Fungsi utamanya:

2Spektrum Game Engine

Engine itu banyak, dari yang super berat sampai yang sangat ringan. Posisikan dirimu: kita bukan mau bikin grafik film, tapi mau bercerita.

3Mengapa Ren'Py? (The "Why")

4Struktur Multimedia dalam Game

Sebuah Visual Novel sebenarnya hanya gabungan 4 lapisan. Memahami ini membuat seluruh mata kuliah ini terasa sederhana:

5Langkah Konkret: Instal Ren'Py

1. Buka renpy.org → menu Download
   Unduh Ren'Py SDK versi terbaru (8.x) sesuai sistem operasimu.
2. Ekstrak ke folder permanen
   Windows: ekstrak lalu jalankan renpy.exe. Mac: salin SELURUH folder ke /Applications — jangan pindahkan app keluar foldernya, nanti tidak jalan.
3. Buka Launcher → "Create New Project"
   Beri nama proyek (tanpa spasi, misal: visualnovel_ku).
4. Pilih resolusi 1280 × 720
   Ini titik tengah terbaik: tajam tapi tidak membebani memori.
5. Pasang Visual Studio Code sebagai editor
   Di Launcher, set text editor ke VS Code. Penting karena Ren'Py sangat sensitif terhadap spasi (indentasi).

1Lima Topik Dampak Sosial

Mata kuliah ini selaras dengan nilai-nilai Ahlussunnah wal Jama'ah An-Nahdliyah dan isu sosial krusial. Pilih satu topik berikut sebagai jantung ceritamu:

2Rumus Premis: 1 Kalimat yang Kuat

Premis adalah inti cerita dalam satu kalimat. Gunakan rumus sederhana ini:

3Bantuan AI untuk Brainstorming Cerita

Bingung mulai dari mana? Pakai AI (Gemini atau ChatGPT) sebagai partner diskusi. Salin prompt ini, ganti bagian kuning sesuai topikmu:

4Output Pertemuan Ini

Yang kamu kumpulkan di akhir P2 adalah satu dokumen Google Docs berisi:

1Pipeline 3 Tahap: Canvas → Logic → Renderer

Daripada asal generate, kita pakai alur kerja terstruktur. Ini kunci agar karakter Andi di adegan 1 sama persis dengan Andi di adegan 10.

2Tier 1 — Buat "Model Sheet" (Referensi Induk)

Mulai dari satu kalimat identitas. Tujuannya menciptakan "aktor" dasar, bukan adegan. Mahasiswa biasa pakai Gemini (mode buat gambar / Nano Banana 2) atau ChatGPT.

3Tier 2 — Kunci Identitas ke Format JSON

Minta AI menganalisis gambar referensi dan menguncinya jadi data terstruktur. Ini mencegah AI "berhalusinasi" mengubah bentuk wajah. Upload Master_Reference.png ke Gemini lalu kirim prompt ini:

AI akan membalas dengan "DNA digital" karaktermu, kira-kira seperti ini:

{
  "character_id": "andi_01",
  "facial_geometry": {
    "jawline": "soft_v_shape",
    "eye_shape": "large_almond",
    "eye_color": "dark_brown"
  },
  "hair": "short_messy_black",
  "outfit_base": "grey_hoodie",
  "expression": "neutral"
}

4Tier 3 & 4 — Bikin Variasi Ekspresi

Untuk membuat ekspresi baru (sedih, marah, senyum), cukup ubah satu baris di JSON lalu gabungkan dengan gambar induk. Karakter tetap orang yang sama, hanya wajahnya berubah.

5Memetakan Alur dengan Mindmap (XMind)

Sebelum coding, gambar dulu alur ceritamu sebagai peta. Setiap kotak = adegan, setiap garis = perpindahan. Inilah cetak biru yang nanti diterjemahkan ke kode di P4.

1Aturan Emas: Pemetaan 1-ke-1

Inilah jembatan ajaib dari gambar ke kode. Setiap elemen mindmap punya padanan kode yang pasti:

2Coba Dulu: Simulator Cerita Bercabang

Sebelum lihat kodenya, mainkan dulu hasil akhirnya. Klik pilihan dan rasakan bagaimana satu keputusan memecah cerita. Inilah yang akan kamu bangun.

3Bedah Kode: Bagian Pembuka

Buka file script.rpy di proyekmu. Mulai dari titik masuk wajib, label start:. Perhatikan indentasi 4 spasi.

# Definisi tokoh (dibahas detail di P6)
define a = Character("Andi", color="#c8ffc8")

label start:
    scene bg kamar          # tampilkan latar kamar kost
    show andi sedih          # tampilkan sprite Andi ekspresi sedih
    a "Uang semesterku habis buat main slot... aku harus gimana?"
    jump titik_pilihan       # lompat ke adegan pilihan

4Bedah Kode: Struktur Menu (Percabangan)

Blok menu: memaksa game berhenti & menunggu pemain memilih. Setiap pilihan diakhiri titik dua, lalu di bawahnya (menjorok) ada perintah jump.

label titik_pilihan:
    a "Apa yang harus kulakukan?"
    menu:
        "Cerita jujur ke teman, minta saran":
            jump rute_jujur
        "Diam-diam pinjam uang lewat pinjol":
            jump rute_pinjol

5Bedah Kode: Dua Rute & Dua Ending

label rute_jujur:
    scene bg kampus
    show rizki senyum
    "Rizki" "Untung kamu cerita. Ayo ke bagian kemahasiswaan, ada keringanan UKT."
    show andi lega
    a "Terima kasih, Riz. Aku kapok main judi online."
    "Andi belajar bahwa jujur & minta bantuan adalah keputusan terkuat."
    jump tamat

label rute_pinjol:
    scene bg kamar
    show andi cemas
    a "Pinjol cair... tapi bunganya mencekik. Utangku malah menumpuk."
    "Sebulan kemudian, Andi terjebak utang yang jauh lebih besar."
    "BAD ENDING: Jalan pintas sering jadi jebakan."
    jump tamat

label tamat:
    "TAMAT"
    return   # kembali ke main menu

6Menjalankan & Membaca Error

1. Simpan file (Ctrl+S) di VS Code
   Ren'Py membaca ulang file setiap kali disimpan.
2. Klik "Launch Project" di Launcher
   Kalau ada error, layar akan menampilkan baris & jenis kesalahannya.
3. Error paling umum: indentasi
   Pesan seperti expected a statement atau inconsistent indentation = cek spasimu. Harus 4 spasi konsisten.
4. Stuck? Salin error ke AI
   Tempel pesan error ke NotebookLM/Gemini dengan format terstruktur, minta perbaikan sintaksis.

1Alur Kerja: Dari Prompt ke Layar Game

Membuat background bukan sekali jadi. Ada 3 tahap yang harus dilewati setiap aset latar:

2Rumus Prompt Background yang Ampuh

Background yang bagus lahir dari prompt terstruktur. Gabungkan 4 unsur ini, selalu dengan urutan yang sama:

3Hukum Konsistensi Gaya Seni

Ini kesalahan nomor satu pemula: mencampur gaya. Game terlihat amatir jika karakter bergaya anime ditempel di latar foto realistis. Pegang teguh matriks ini:

4Rasio 16:9 — Wajib!

Layar game Ren'Py kita 1280×720, yaitu rasio 16:9 (landscape/lebar). Jika kamu generate gambar rasio 1:1 (kotak), hasilnya akan ada garis hitam di kiri-kanan (black bars) saat dipasang.

5Finishing di Canva

Setelah gambar jadi, poles agar sempurna. Canva gratis dan mudah dipakai:

1. Unggah gambar AI ke Canva
   Buat desain ukuran 1280×720 px (Custom Size), lalu seret gambarmu ke kanvas.
2. Crop pas 16:9
   Pastikan gambar menutupi seluruh kanvas tanpa ruang kosong.
3. Color grading (atur warna)
   Pakai menu "Edit Photo" → sesuaikan brightness/contrast agar suasana pas (misal kamar kost terasa muram).
4. Ekspor sebagai WebP atau PNG
   Download → pilih format. .webp ukurannya kecil & ringan, ideal untuk game.
5. Simpan ke folder proyek
   Letakkan di nama_proyek/game/images/. Beri nama jelas: bg_kamar.webp, bg_kampus.webp.

6Memanggil Background di Ren'Py

Setelah file bg_kamar.webp ada di folder images, panggil dengan perintah scene. Ren'Py otomatis menemukan file dari namanya.

label start:
    scene bg kamar with fade     # file: bg_kamar.webp, muncul dengan transisi fade
    "Suasana kamar kost terasa sepi malam itu."
    scene bg kampus with dissolve  # ganti latar ke kampus
    "Keesokan harinya, Andi berangkat ke kampus."

1Mendefinisikan Tokoh dengan Character()

Sebelum tokoh bisa bicara, dia harus didaftarkan. Letakkan baris ini di ATAS file (sebelum label start:). Warna membantu pemain membedakan siapa yang bicara.

# Daftarkan tokoh di bagian atas file
define a = Character("Andi", color="#7ed0ff")
define r = Character("Rizki", color="#ffd07e")
define n = Character(None)   # narator, tanpa nama

label start:
    n "Malam itu hujan turun di luar kost."
    a "Aku benar-benar bingung, Ki."
    r "Tenang, cerita aja dulu masalahnya."

2Menampilkan & Memposisikan Karakter

Perintah show menampilkan sprite karakter. Tambahkan posisi at left, at center, atau at right agar mereka berdiri di tempat yang pas.

label start:
    scene bg kamar
    show andi senyum at left      # Andi muncul di kiri, ekspresi senyum
    a "Hai, akhirnya kamu datang juga."
    show rizki normal at right    # Rizki muncul di kanan
    r "Maaf telat, tadi macet."

3Sistem Ekspresi: Tag + Attribute

Inilah kekuatan penamaan dari P3. Jika kamu punya file andi_senyum.webp dan andi_sedih.webp, Ren'Py menganggap "andi" sebagai tag dan "senyum"/"sedih" sebagai ekspresi. Mengganti ekspresi cukup show andi sedih — otomatis menimpa yang lama di posisi yang sama.

    show andi senyum at center
    a "Awalnya semua baik-baik saja."
    show andi sedih              # wajah berubah jadi sedih, posisi tetap
    a "Tapi lalu aku terjebak judi online..."
    show andi nangis with dissolve  # ganti ekspresi dengan transisi halus

4Transisi & Jeda Dramatis

Gunakan with untuk transisi visual, dan {w} untuk jeda di tengah kalimat — menciptakan ketegangan.

5Studi Kasus Lengkap: Adegan Curhat

Gabungan semua: latar, dua tokoh, ekspresi berubah, dan transisi. Inilah satu adegan utuh yang siap pakai.

label adegan_curhat:
    scene bg kamar with fade
    show andi sedih at center
    a "Ki, aku harus jujur... {w} aku kalah banyak di judi online."
    show rizki kaget at right with dissolve
    r "Apa?! Sejak kapan kamu main begituan?"
    show andi nangis
    a "Sebulan ini. Uang semesterku habis."
    show rizki tegas with dissolve
    r "Kita cari jalan keluar bareng. Jangan ambil keputusan gegabah."
    return

1Dua Jenis Suara dalam Game

2Membuat Musik dengan Suno AI

Suno AI mengubah deskripsi teks menjadi musik utuh. Buka suno.com, login, lalu beri prompt suasana yang kamu mau. Untuk game, minta versi instrumental (tanpa vokal) agar tidak mengganggu dialog.

3Menyiapkan File Audio

1. Unduh musik dari Suno
   Pilih hasil yang paling pas, klik Download → format MP3.
2. (Opsional) Rapikan di Audacity
   Audacity gratis untuk memotong bagian awal/akhir, atau menurunkan volume. Ekspor ulang sebagai MP3/OGG.
3. Simpan ke folder audio
   Letakkan di nama_proyek/game/audio/. Beri nama: bgm_sedih.mp3, sfx_notif.mp3.

4Memasang Audio di Ren'Py

Gunakan play music untuk BGM (otomatis loop) dan play sound untuk efek sekali bunyi. fadein membuat musik masuk perlahan.

label adegan_sedih:
    scene bg kamar with fade
    play music "bgm_sedih.mp3" fadein 2.0   # musik masuk perlahan 2 detik, loop otomatis
    show andi sedih at center
    a "Aku merasa sangat sendirian malam ini."

    play sound "sfx_notif.mp3"   # bunyi notifikasi HP, sekali saja
    a "Eh? Ada pesan dari Rizki."

    stop music fadeout 3.0       # musik berhenti perlahan saat adegan ganti
    return

1Yang Sudah Kamu Pelajari (P1–P7)

Sebelum review, mari rangkum perjalananmu sejauh ini:

2Checklist Wajib Prototipe (MVP)

Prototipe yang lulus UTS minimal harus memenuhi semua poin ini. Centang satu per satu:

3Cara Memeriksa Error Sebelum Demo

1. Jalankan Lint
   Di Ren'Py Launcher → pilih proyek → klik "Check script (Lint)". Ini menemukan error sebelum kamu jalankan.
2. Tekan Shift+O untuk konsol
   Saat game jalan, Shift+O membuka konsol debug untuk melihat nilai variabel.
3. Uji KEDUA rute
   Mainkan dari awal, pilih rute A. Ulangi, pilih rute B. Pastikan dua-duanya selesai tanpa macet.

4Format Presentasi Demo

1jump vs call: Perbedaan Inti

Keduanya berpindah ke label lain, tapi nasibnya beda. jump pindah permanen. call pindah sementara, lalu return membawanya pulang ke baris setelah pemanggilan.

2Contoh call: Adegan yang Dipakai Ulang

Bayangkan ada adegan "cek saldo dompet" yang muncul beberapa kali. Daripada menyalin kodenya berulang, buat sekali lalu call kapan pun dibutuhkan.

label start:
    a "Aku mau beli buku, tapi cek uang dulu."
    call cek_dompet          # pergi ke subrutin...
    a "Oke, sekarang aku lanjut ke toko."   # ...lalu lanjut DI SINI
    return

label cek_dompet:
    "Kamu membuka dompet."
    "Isi: Rp 50.000."
    return                   # pulang ke baris setelah 'call'

3Pilihan Bermakna vs Pilihan Kosmetik

Tidak semua pilihan harus mengubah cerita. Pahami dua jenis ini:

label warung:
    menu:
        "Pesan kopi":
            a "Satu kopi hitam, ya."        # kosmetik: lalu lanjut sama
        "Pesan teh":
            a "Teh manis hangat satu."       # kosmetik: lalu lanjut sama
    "Andi duduk menunggu pesanan."           # kedua pilihan bertemu di sini
    jump lanjut_cerita

4Memecah Script Jadi Beberapa File

Saat cerita membesar, satu file script.rpy jadi penuh. Ren'Py membaca SEMUA file .rpy di folder game/. Pisahkan agar rapi:

1Apa itu Variabel?

Variabel adalah "kotak penyimpan" nilai. Bisa berisi angka (skor), benar/salah (sudah ketemu seseorang?), atau teks. Game membacanya untuk mengambil keputusan.

# Deklarasi variabel di awal (sebelum start), beri nilai awal
default poin = 0           # skor kebaikan, mulai dari 0
default sudah_jujur = False  # apakah Andi sudah jujur? awalnya belum

2Mengubah Nilai dengan $

Setiap pilihan baik menambah poin. Tanda $ memberi tahu Ren'Py: "ini perintah Python, jalankan."

label start:
    menu:
        "Cerita jujur ke Rizki":
            $ poin = poin + 1        # +1 poin kebaikan
            $ sudah_jujur = True
            r "Bagus kamu mau terbuka."
        "Diam saja, simpan sendiri":
            $ poin = poin - 1        # -1 poin
            a "Aku tak sanggup cerita..."
    jump cek_ending

3Mengambil Keputusan dengan if / else

Di akhir cerita, game memeriksa poin. Jika cukup tinggi → good ending. Jika rendah → bad ending. Inilah inti "sistem poin".

label cek_ending:
    if poin >= 1:
        scene bg kampus with fade
        a "Aku memilih jujur, dan teman-temanku membantuku bangkit."
        "TAMAT - Good Ending"
    elif poin == 0:
        a "Aku masih ragu, jalan ini abu-abu."
        "TAMAT - Netral Ending"
    else:
        scene bg kamar with fade
        a "Aku menyimpan semuanya sendiri, dan terjerumus makin dalam."
        "TAMAT - Bad Ending"
    return

4Menampilkan Variabel ke Layar

Kamu bisa menyisipkan nilai variabel ke dalam dialog dengan kurung kurawal [ ].

    a "Poin kebaikanku sekarang [poin]."
    "Status jujur: [sudah_jujur]"

1Posisi Bawaan Ren'Py

Sebelum animasi, kenali posisi siap pakai. Cukup tambahkan at + nama posisi.

2Membuat Transform (Gerakan Kustom)

Blok transform mendefinisikan gerakan. ease membuat perpindahan halus (melambat di ujung). Letakkan di atas, sebelum label start.

# Gerakan: masuk dari luar layar kiri, meluncur ke posisi kiri
transform masuk_kiri:
    xpos -0.3 yalign 1.0    # mulai dari luar layar
    ease 0.8 xpos 0.15      # meluncur ke kiri layar dalam 0.8 detik (halus)

# Gerakan: efek bergetar (kaget/marah)
transform getar:
    block:
        ease 0.05 xoffset 8
        ease 0.05 xoffset -8
        repeat 4            # ulangi 4 kali

3Memakai Transform di Adegan

label start:
    scene bg kampus
    show andi senyum at masuk_kiri    # Andi meluncur masuk dari kiri
    a "Hai, aku baru sampai!"
    show andi kaget at getar          # Andi bergetar kaget
    a "Eh?! Kok bisa begitu?!"

4Transisi Layar Kustom

Selain dissolve dan fade bawaan, kamu bisa membuat transisi sendiri, misalnya kilatan putih untuk momen mengejutkan.

# Definisi transisi kilat putih
define flash = Fade(0.1, 0.0, 0.5, color="#fff")

label kejutan:
    scene bg kamar with flash    # layar berkedip putih lalu muncul
    "PETIR menyambar di luar jendela!"

1Apa itu Screen Language?

Semua elemen antarmuka (kotak teks, menu, tombol) didefinisikan dalam blok screen. Ren'Py sudah punya screen bawaan di file screens.rpy — kita tinggal memodifikasinya.

2Mengubah Warna Kotak Dialog

Cara termudah memberi ciri khas: ganti warna teks & latar kotak dialog. Buka game/gui.rpy dan ubah nilai warnanya.

## Warna aksen utama (tombol, judul)
define gui.accent_color = '#0B6E4F'        # hijau

## Warna teks dialog
define gui.text_color = '#ffffff'

## Warna nama tokoh
define gui.name_text_color = '#D99A2B'     # emas

3Membuat Tombol Menu Utama Kustom

Contoh screen menu utama sederhana dengan tombol vertikal. action menentukan apa yang terjadi saat diklik.

screen main_menu():
    add "bg_judul.webp"             # gambar latar menu

    vbox:
        xalign 0.5 yalign 0.7        # posisikan di tengah-bawah
        spacing 12

        textbutton "Mulai Cerita" action Start()
        textbutton "Muat" action ShowMenu("load")
        textbutton "Pengaturan" action ShowMenu("preferences")
        textbutton "Keluar" action Quit()

4Menyimpan Pengaturan dengan persistent

Variabel biasa hilang saat game ditutup. persistent menyimpan data SELAMANYA (lintas sesi) — cocok untuk galeri terbuka, achievement, atau pengaturan.

label good_ending:
    a "Aku berhasil bangkit!"
    $ persistent.good_ending_terbuka = True   # tersimpan selamanya
    "Achievement terbuka: Jalan Kebaikan"
    return

1Blok init python

Untuk kode Python yang panjang (lebih dari satu baris), gunakan blok init python:. Diletakkan di atas, dijalankan saat game dimuat — sebelum cerita mulai.

init python:
    # fungsi untuk menghitung level dari poin
    def hitung_level(poin):
        if poin >= 10:
            return "Bijak"
        elif poin >= 5:
            return "Berkembang"
        else:
            return "Pemula"

2Memanggil Fungsi di Cerita

label akhir:
    $ level = hitung_level(poin)        # panggil fungsi, simpan hasil
    a "Perjalananku membuatku jadi pribadi yang [level]."
    return

3Class: Membuat Objek Sendiri (Inventory)

Untuk fitur kompleks seperti inventory (daftar barang), class sangat berguna. Contoh sederhana sistem item:

init python:
    class Item:
        def __init__(self, nama, deskripsi):
            self.nama = nama
            self.deskripsi = deskripsi

# buat daftar inventory
default inventory = []

label start:
    $ inventory.append(Item("Surat", "Surat dari ibu Andi"))
    "Kamu mendapatkan sebuah Surat."
    "Isi tasmu sekarang: [len(inventory)] barang."

4Logika Kondisi Kompleks

Gabungkan beberapa variabel untuk ending yang lebih bernuansa — misalnya good ending sejati hanya terbuka jika DUA syarat terpenuhi.

label cek_ending:
    if poin >= 5 and sudah_minta_maaf and not pernah_bohong:
        jump ending_sejati       # syarat ketat: ending terbaik
    elif poin >= 1:
        jump ending_baik
    else:
        jump ending_buruk

1Persiapan Sebelum Build

Jangan langsung build. Bersihkan dulu agar hasil rilis bebas error:

1. Jalankan Lint
   Launcher → "Check script (Lint)". Pastikan TIDAK ada error merah.
2. Uji semua rute & ending
   Mainkan setiap percabangan sampai selesai. Pastikan tidak ada gambar/suara yang hilang.
3. Isi informasi game
   Launcher → "Options" → atur nama game & versi (mis. 1.0).
4. Siapkan ikon (opsional)
   Ganti icon.ico di folder game dengan logo karyamu.

2Build untuk PC (Windows / Mac / Linux)

1. Buka Ren'Py Launcher
2. Pilih proyekmu
3. Klik "Build Distributions"
4. Centang: Windows, Mac, Linux (sesuai kebutuhan)
5. Klik "Build"
6. Tunggu... hasil ada di folder proyek (file .zip per platform)

3Build untuk Android (.apk)

Ren'Py bisa menghasilkan APK Android. Butuh sekali setup awal (RAPT/Android SDK), lalu seterusnya tinggal klik.

1. Install Android support
   Launcher → "Android" → ikuti wizard untuk mengunduh komponen Android (sekali saja, butuh internet).
2. Konfigurasi
   Isi nama paket (mis. com.namamu.gameku) & ikon.
3. Build APK
   Klik "Build" → pilih Universal APK. Tunggu proses (bisa beberapa menit).
4. Transfer ke HP
   Pindahkan file .apk ke HP Android, install (izinkan "sumber tidak dikenal"), mainkan!

4Checklist Rilis Final

AKarakter (P3)

BBackground (P5)

CAudio (P7)

DCerita & Premis (P2)

EDebugging & Belajar Mandiri

1Checklist MVP Wajib

Proyek akhir minimal harus memenuhi semua poin ini agar lulus standar:

2Format Penamaan Folder

Kompres seluruh folder proyek menjadi ZIP, lalu beri nama dengan format berikut (tanpa spasi, gunakan garis bawah):

VN_Multimedia_[NIM]_[NamaLengkap].zip

Contoh:
VN_Multimedia_2021010101_BudiSantoso.zip

3Cara Mengumpulkan

1. Rapikan folder proyek
   Pastikan semua gambar di game/images/ & audio di game/audio/.
2. Build distribusi final
   Hasilkan minimal versi PC (.exe). Android (.apk) sebagai nilai tambah.
3. Kompres jadi ZIP
   Beri nama sesuai format VN_Multimedia_NIM_Nama.zip.
4. Kirim via email
   Jika file besar, unggah ke Google Drive lalu kirim TAUTAN-nya (set akses: siapa saja yang punya link).

4Kontak Dosen