🎮 ALI.EXE : Anomali Pengubah Kepribadian
✦ A Special 23rd Birthday Interactive Visual Novel ✦
Fitur Utama • Mini-Games • Teknologi • Cara Menjalankan • Struktur Proyek
📖 Sinopsis
"INITIALIZING ANOMALY SYSTEM V.2026... Memuat data arsip kenangan 26 Juli — 16 Agustus 2026."
Pemain berperan sebagai Ali (23), seorang rekan kerja yang awalnya dikenal dingin dan berkarakter cuek. Namun serangkaian anomali perlahan mengubah dinamika relasi menjadi sesuatu yang teramat penting. Telusuri kembali setiap potongan memori, buat keputusan krusial, dan selesaikan berbagai investigasi untuk membuka rahasia di balik perubahan tersebut!
✨ Fitur Game
- 🕹️ Retro Pixel Art & CRT Atmosphere: Tampilan bergaya game retro lengkap dengan efek CRT scanline, efek transisi glitch, dan floating particle visuals.
- 💬 Interactive Dialogue Engine: Teks bergaya mesin tik (typewriter), dialog dinamis, potret karakter dengan berbagai ekspresi (Ali, Cegil, with/without glasses).
- ❤️ Affection System & Live HUD: Pilihan dialog mempengaruhi poin Affection secara real-time dengan notifikasi toast dan progress bar animasi.
- 💾 Save & Load System: Penyimpanan progress otomatis dan manual memanfaatkan browser
localStorage.
- 🔊 Dynamic Web Audio Engine: Efek suara sintetis (SFX) retro 8-bit yang dihasilkan langsung melalui Web Audio API tanpa ketergantungan audio eksternal berat.
- 🎉 Confetti & Celebration: Efek perayaan dinamis menggunakan
canvas-confetti pada momen-momen klimaks cerita.
🎲 Mini-Games & Interaksi
Game ini tidak sekadar membaca cerita, tetapi dilengkapi berbagai interaksi imersif:
| Mini-Game / Interaksi | Deskripsi |
|---|
| ☕ Coffee Order Puzzle | Racik pesanan kopi yang tepat sesuai preferensi karakter untuk membuka jalan cerita baru. |
| 📱 Chat Tapper & Draft Message | Simulasi obrolan chat larut malam di mana pemain mengetik pesan dan memilih draft respon terbaik. |
| 🔍 Memory Investigation & Evidence Board | Mode detektif untuk menghubungkan bukti-bukti anomali dan mengungkap kenangan tersembunyi. |
| 💔 Jealousy Mini-Game | Mini-game pengetes respons emosional saat dinamika kecemburuan muncul. |
| 🗺️ Point & Click Exploration | Eksplorasi interaktif pada latar Cafe dan suasana kota Malang. |
| 🧠 Interactive Quiz & Inner Child Unlock | Pertanyaan seputar momen penting untuk membuka memori inti (Inner Child). |
🛠️ Teknologi
- Framework: Next.js 16 (App Router)
- Library: React 19
- Language: TypeScript
- Styling: Pure CSS / Vanilla CSS Variables dengan dukungan custom pixel font & tema cyberpunk/retro
- Effects & SFX:
canvas-confetti & HTML5 Web Audio API Synth
🚀 Cara Menjalankan Secara Lokal
Pastikan kamu sudah menginstal Node.js (versi 18.x atau yang lebih baru).
# 1. Clone repository
git clone https://github.com/Lal1602/ali-exe-novel.git
# 2. Masuk ke direktori proyek
cd ali-exe-novel
# 3. Instal dependensi
npm install
# 4. Jalankan server development
npm run dev
Buka browser dan akses http://localhost:3000 untuk memainkan game.
📁 Struktur Direktori
novel/
├── public/
│ └── assets/ # Background art, potret karakter, & audio
├── src/
│ ├── app/ # Next.js App Router (layout, globals.css, page.tsx)
│ ├── components/ # Komponen UI utama (DialogueBox, HUD, TitleScreen, dll)
│ │ └── interactions/ # Komponen mini-games (Cafe, Malang, Jealousy, Chat, Puzzle)
│ ├── data/ # Script narasi skenario (scenes.ts, memories.ts)
│ ├── hooks/ # Custom React hooks (animasi angka, audio, state)
│ ├── types/ # Definisi TypeScript interface cerita & game
│ └── utils/ # Web Audio API synthesizer & helper function
├── package.json
└── tsconfig.json
