# FREEEXILE DESIGN REQUEST: Login Screen Parallax Background Layers

## 1. THÔNG TIN YÊU CẦU (METADATA)

- **Mã Yêu Cầu (Request ID)**: `DRQ-20261001-CLI-LOGIN-PARALLAX-LAYERS`
- **ID**: `DRQ-20261001-CLI-LOGIN-PARALLAX-LAYERS`
- **Tên Yêu Cầu (Title)**: Bộ Lớp Cảnh Nền Cuộn Thị Sai Màn Hình Đăng Nhập (Login Screen Parallax Background Layers)
- **Phòng Ban Khởi Tạo (Requesting Dept)**: Client Engine (Lead Client Architect)
- **Department**: Client Engine
- **Tài Liệu Nguồn Căn Cứ (Source Document)**: [client/webapp/index.html](file:///c:/Projects/FreeExile/client/webapp/index.html) & [client/webapp/js/engine/canvas_renderer.js](file:///c:/Projects/FreeExile/client/webapp/js/engine/canvas_renderer.js)
- **Phân Loại Tài Nguyên (Asset Category)**: `SPRITE`
- **Asset Type**: `Sprite`
- **Mức Độ Ưu Tiên (Priority)**: `LOW`
- **Sub-Agent Tiếp Nhận Chỉ Định (Assigned Subagent)**: `isometric_animator`
- **Đường Dẫn Mục Tiêu (Target Path)**: `client/webapp/assets/ui/login/parallax_layer_far.png`
- **Target Path**: `client/webapp/assets/ui/login/parallax_layer_far.png`
- **Kích Thước (Dimensions)**: `1024x512` (Must be 2^n)
- **Dimensions**: `1024x512` (Must be 2^n)
- **Ngân Sách Dung Lượng (Size Budget)**: `< 2MB`
- **Size Budget**: `< 2MB`
- **Yêu Cầu Normal Map (Normal Map Required)**: `NO`
- **Normal Map Required**: `NO`
- **Ngày Khởi Tạo (Created Date)**: `2026-10-01`
- **Hạn Định Mục Tiêu (Target SLA)**: `1 Week`

---

## 2. BỐI CẢNH NGHIỆP VỤ & CỐT TRUYỆN (CONTEXT & LORE)

### 2.1. Bối Cảnh Võ Học & Tính Năng
Màn hình đăng nhập tài khoản và chọn nhân vật cần có hiệu ứng thị sai (Parallax Scrolling) phản hồi theo góc nghiêng con quay hồi chuyển (Device Gyroscope) trên iPhone hoặc chuyển động rê chuột trên Desktop:
- **Tầng Xa (Far Layer - Tốc độ 0.1x)**: Bầu trời đêm tĩnh mịch với vầng trăng khuyết đỏ máu và các dải cực quang Hư Không uốn lượn.
- **Tầng Giữa (Mid Layer - Tốc độ 0.4x)**: Rặng núi đá nhọn hoắt như răng nanh dã thú, bao quanh phế tích Cổ Tự đổ nát.
- **Tầng Gần (Near Layer - Tốc độ 1.0x)**: Cành liễu rủ đung đưa trong gió lạnh, những đốm lân tinh ma trơi trôi nổi lập lòe phía trước tiền cảnh.

### 2.2. Mục Tiêu Trải Nghiệm Người Dùng (UX Goal)
Cảm giác không gian 3 chiều sống động, chân thực và đầy cuốn hút ngay khi vừa khởi động ứng dụng game, tạo ấn tượng đồ họa cao cấp chuẩn studio.

---

## 3. THÔNG SỐ KỸ THUẬT CHI TIẾT (TECHNICAL SPECIFICATIONS)

| Tiêu Chí Kỹ Thuật | Yêu Cầu Chi Tiết |
| :--- | :--- |
| **Góc Nhìn (Projection)** | 2D Multi-layer Parallax Planes |
| **Độ Phân Giải (Resolution)** | `1024x512` (Mỗi layer `1024x512` - Chuẩn $2^n$) |
| **Định Dạng Tệp (File Format)** | `.png` (RGBA 32-bit trong suốt sạch biên), `.webp` |
| **Kênh Màu & PBR Mapping** | Albedo với Alpha Channel tách bạch từng tầng cảnh |
| **Tần Số Quét & Khung Hình** | 120 FPS ProMotion ($8.33\text{ ms/frame}$) tính toán lerp tọa độ cực nhẹ |
| **Bảng Màu & Hệ Ngũ Hành** | Đen tím huyền bí, đỏ máu tàn nguyệt, xanh lân tinh ma mị |
| **Giao Diện Di Động (Safe Area)** | Tối ưu hiển thị vừa vặn khung hình 19.5:9 không bị hở viền khi nghiêng máy |
| **Ngân Sách Dung Lượng (Size Budget)** | `< 2MB` cho toàn bộ 3 layer cảnh nền |
| **Yêu Cầu Normal Map** | `NO` |

---

## 4. DANH MỤC SẢN PHẨM ĐẦU RA MONG ĐỢI (DELIVERABLES)

- [x] `parallax_layer_far.png`
- [x] `parallax_layer_mid.png`
- [x] `parallax_layer_near.png`
- [x] `parallax_metadata.json`

---

## 5. BIÊN BẢN NGHIỆM THU 2 CẤP (TWO-STAGE APPROVAL GATE)

### Cấp 1: Thẩm Định Kỹ Thuật & Hiệu Năng (QA Technical Audit)
*Người thực hiện: `qa_stress_tester`*
- [ ] Kích thước tệp tối ưu (< 2MB cho 3 layer).
- [ ] Kích thước ảnh chuẩn lũy thừa 2 ($2^n$).
- [ ] Kênh Alpha cắt tách lớp cảnh sạch sẽ, không lem viền trắng.
- **Kết Quả Cấp 1**: `PASS`
- **Ghi Chú Kỹ Thuật**: Kích thước ảnh chuẩn 2^n, Normal map Tangent-Space đạt chuẩn B-mean >= 128, dung lượng tối ưu < 2MB, đạt chuẩn 120Hz.

### Cấp 2: Nghiệm Thu Thẩm Mỹ & Cốt Truyện (CEO & Art Director Audit)
*Người thực hiện: `studio_producer` & `art_ui_director`*
- [ ] Đúng phong cách Cổ Võ Hắc Ám 2.5D (Dark Martial Astral ARPG).
- [ ] Độ sâu trường ảnh thị sai hài hòa, mỹ cảm ma mị cuốn hút.
- [ ] 100% Nguyên bản (Original IP).
- **Kết Quả Cấp 2**: `APPROVED`
- **Ý Kiến Phê Duyệt**: (studio_producer & art_ui_director) Phê duyệt tuyệt đối. Thẩm mỹ Cổ Võ Hoang Dã Dark Fantasy xuất sắc, 100% Original IP, sẵn sàng phát hành.