Lumora Arcade - Interactive Game Scroll Animation Website

Lumora Arcade adalah template website interaktif bertema arcade game dengan konsep cinematic scroll experience.

Template ini dirancang untuk menampilkan landing page yang tidak hanya terlihat menarik, tetapi juga bisa dimainkan. Di dalamnya terdapat opening screen, tombol Play, transisi fullscreen, mini game interaktif, animated text, moving background, section storytelling, dan navigasi yang berjalan ke setiap section.

Cocok digunakan untuk:
- Website game studio
- Landing page mini game
- Creative coding project
- Portfolio frontend interaktif
- UI/UX experiment
- Web game showcase
- Interactive landing page
- Template edukasi HTML CSS JavaScript

Fitur utama:
- Opening screen cinematic
- Tombol Play interaktif
- Fullscreen wipe transition
- Mini game arcade sederhana
- Tombol game aktif: Start, Reset, Left, Drop, Right
- Support keyboard: Arrow Left, Arrow Right, Space
- Text animation per huruf
- Hero text breathing / floating
- Background marquee bergerak
- Scanline dan scene sweep effect
- Section title bergerak mengikuti scroll
- Button shine effect
- Navigasi scroll ke section tujuan
- Progress bar bawah
- Responsive layout
- Dibuat dalam 1 file HTML
- Menggunakan HTML, CSS, dan Vanilla JavaScript
- Tidak membutuhkan framework tambahan

Template ini cocok untuk developer atau designer yang ingin membuat website interaktif dengan nuansa game, motion, dan pengalaman visual yang lebih hidup dibanding landing page biasa.

# Lumora Arcade - Interactive Game Scroll Animation Website

Lumora Arcade adalah template website interaktif bertema arcade game dengan tombol Play, mini game, fullscreen transition, dan scroll animation.

## Fitur

- Opening screen cinematic
- Tombol Play interaktif
- Fullscreen wipe transition
- Mini game arcade sederhana
- Tombol Start, Reset, Left, Drop, Right
- Support keyboard Arrow Left, Arrow Right, dan Space
- Text animation per huruf
- Background marquee bergerak
- Scanline dan scene sweep effect
- Scroll animation
- Progress bar bawah
- Responsive layout
- Dibuat dalam 1 file HTML
- Tidak membutuhkan framework tambahan

## Teknologi

- HTML5
- CSS3
- Vanilla JavaScript

## Cara Install

1. Download file ZIP template.
2. Extract file ZIP.
3. Buka file `index.html` di browser.
4. Template siap digunakan.

## Cara Main Mini Game

- Klik tombol Start untuk memulai game.
- Gunakan tombol Left dan Right untuk menggerakkan claw.
- Klik Drop untuk menangkap item.
- Klik Reset untuk mengulang game.
- Bisa juga menggunakan keyboard:
- Arrow Left untuk bergerak ke kiri
- Arrow Right untuk bergerak ke kanan
- Space untuk drop

## Cara Custom

Kamu bisa mengubah semua konten langsung di file `index.html`.

Bagian yang bisa disesuaikan:
- Nama brand
- Warna utama
- Judul hero
- Text section
- Object game
- Score logic
- Menu navigasi
- Animasi CSS
- Contact form

## Catatan

Template ini dibuat dalam satu file HTML agar mudah dipelajari, diedit, dan digunakan sebagai portfolio atau starter project.

Untuk hasil terbaik, buka menggunakan browser modern seperti Chrome, Edge, Firefox, atau Safari.