Seed 1
HAUI — Trường Đại học Công nghiệp Hà Nội
Nguyễn Văn Toàn
Nhóm trưởng
Phạm Hùng Minh
Thành viên
Lê Đức Cường
Thành viên
Realistic Try on
Việt Phục Remix (Realistic Try-On) là nền tảng ứng dụng web tiên phong kết hợp giữa Số hóa di sản văn hóa, Trí tuệ nhân tạo tạo sinh (Google Gemini & Imagen 3) và Thực tế ảo tăng cường trên trình duyệt (WebAR) nhằm xóa bỏ rào cản giữa giới trẻ và cổ phục Việt Nam.
Trước thực trạng người trẻ yêu thích trang phục truyền thống nhưng thường e ngại việc phối đồ sai quy thức lịch sử (lai căng hoặc lệch bối cảnh), tốn kém chi phí/thời gian thuê thử trực tiếp (150.000đ – 450.000đ/ngày), và thiếu công cụ cá nhân hóa hiện đại, Việt Phục Remix mang đến một hành trình trải nghiệm số hóa trọn vẹn từ đầu đến cuối: Khám phá di sản – Phối đồ sáng tạo – Kiểm chứng văn hóa – Ướm thử thị giác.
Vận hành hoàn toàn trên trình duyệt theo kiến trúc Client-First (Serverless) không cần cài đặt ứng dụng, giải pháp cho phép người dùng tự do sáng tạo ("remix") phom dáng, chất liệu, màu sắc trên nền tảng 7 hệ cổ phục tiêu biểu của 3 miền Bắc – Trung – Nam. Đồng thời, hệ thống đóng vai trò như một "người gác đền văn hóa" thông minh: tự động cảnh báo các lỗi phối đồ sai điển chế dựa trên sử liệu học thuật, hỗ trợ ướm thử phụ kiện trực tiếp qua camera thời gian thực và tái hiện hình ảnh mặc thử 360 độ chân thực bằng AI. Qua đó, dự án góp phần đưa di sản bước ra khỏi tủ kính bảo tàng để đồng hành một cách chuẩn mực, sống động và đầy tự hào trong đời sống đương đại.
🎨 1. Xưởng phối đồ thông minh 5 bước & Động cơ kiểm chứng văn hóa (Cultural Warning Engine)
Cá nhân hóa chuyên sâu nhưng chuẩn cổ phong: Cho phép tùy biến chi tiết phom dáng, cổ áo, tay áo, chất liệu đặc trưng (lụa Vạn Phúc, gấm cung đình, đũi thô, organza) và phối 3 lớp màu sắc trên 7 bộ cổ phục cốt lõi (Áo dài Huế, Áo dài cách tân, Áo tứ thân Kinh Bắc, Áo ngũ thân/Áo tấc, Áo Nhật Bình, Áo bà ba, Áo giao lĩnh).
Chấm điểm hòa hợp màu sắc theo Ngũ hành: Thuật toán colorHarmonyService phân tích 21 sắc độ truyền thống và mã HEX tự do để tính điểm tương sinh ngũ hành kết hợp thẩm mỹ hiện đại (thang 0 – 100 điểm) theo thời gian thực.
Hàng rào bảo vệ bản sắc (Cultural Warning Engine): Tự động đối soát bản phối với 8 quy tắc điển chế học thuật (trích dẫn từ "Ngàn năm áo mũ", "Trang phục Việt Nam", tư liệu Bảo tàng Cung đình Huế). Khi phát hiện phối lệch (như mặc Áo Nhật Bình đại lễ đi dạo phố hay phối Áo tứ thân Kinh Bắc với khăn rằn Nam Bộ), hệ thống lập tức bật cảnh báo 3 cấp độ kèm lời giải thích dí dỏm và gợi ý phương án thay thế chuẩn xác.
🪞 2. Trải nghiệm ướm thử kép: Gương thần WebAR thời gian thực & Phối cảnh AI 360°
WebAR Live Mirror mượt mà ngay trên trình duyệt: Ứng dụng thị giác máy tính MediaPipe FaceLandmarker (WebAssembly) nhận diện 468 điểm mốc khuôn mặt 3D với độ trễ mở camera < 0.5 giây và tốc độ ổn định 30 – 60 FPS. Kết hợp ma trận xoay 3 chiều (pitch, yaw, roll) và thuật toán làm mượt EMA (Exponential Moving Average), các phụ kiện vector như Khăn đóng triều Nguyễn, Nón quai thao, Nón lá tự động bám sát, xoay nghiêng tự nhiên theo chuyển động đầu.
Realistic AI Try-On đa góc nhìn (Turntable 360°): Kết nối mô hình Imagen 3 (imagen-3.0-generate-001) cùng kỹ thuật Prompt Engineering 4 vòng lặp chuyên biệt (khóa màu sắc tách biệt từng lớp áo, đặc tả giải phẫu cổ lập lĩnh 5 khuy ngũ thường, loại trừ tuyệt đối sự pha trộn với Hán phục, Kimono hay Hanbok). Hệ thống tạo sinh ảnh người dùng mặc cổ phục ở 4 góc xoay (0°, 90°, 180°, 270°) và hỗ trợ xuất Lookbook nghệ thuật kèm mã QR chia sẻ.
🧠 3. Hệ sinh thái AI "Cố Vấn Việt Phục" & Thẻ bài văn hóa Gen Z (Powered by Google Gemini)
Trợ lý đàm thoại di sản 24/7 (gemini-3.8-flash): Giải đáp tức thì (độ trễ < 1 giây) mọi thắc mắc về quy tắc trang phục theo sự kiện (cưới hỏi, kỷ yếu, lễ Tết), tư vấn phụ kiện và phối màu phong thủy với văn phong lịch lãm, truyền cảm hứng.
Thẻ bài văn hóa số – Culture Card (gemini-2.5-flash): Sử dụng cơ chế Structured Outputs (JSON Schema) và ràng buộc chống ảo giác nghiêm ngặt (Zero-Hallucination Grounding) để chuyển hóa các tư liệu lịch sử hàn lâm khô khan thành thẻ thông tin ngắn gọn, bắt nhịp ngôn ngữ Gen Z nhưng vẫn giữ độ chính xác tuyệt đối về mặt sử liệu.
🌦️ 4. Khám phá di sản đa chiều kết hợp Khí tượng thời gian thực
Bản đồ văn hóa 3 miền & Gợi ý theo thời tiết thực: Tích hợp Open-Meteo API cập nhật nhiệt độ, độ ẩm thực tế tại Hà Nội, Huế, TP.HCM cùng hệ thống hạt đồ họa Pixi.js Canvas tái hiện hiệu ứng nắng, mưa, mây phủ ngay trên giao diện, từ đó tự động khuyên người dùng chọn chất liệu vải (lụa tơ tằm thoáng mát hay gấm dày giữ ấm) phù hợp với thời tiết ngoài trời.
Kết nối hệ sinh thái dịch vụ di sản: Cung cấp dữ liệu chi phí thuê tham khảo, gợi ý danh thắng chụp ảnh tương ứng với từng triều đại/vùng miền (Đại Nội Huế, Hoàng thành Thăng Long, Hội Lim...) và kết nối tới các tiệm cổ phục uy tín.
🛡️ 5. Kiến trúc Client-First: Chi phí vận hành 0 đồng & Bảo mật riêng tư 100%
Zero-Cloud Video Processing: Toàn bộ luồng video webcam và dữ liệu nhận diện khuôn mặt người dùng chỉ được xử lý cục bộ trên bộ nhớ đệm (RAM) của trình duyệt thông qua WebGL/CPU fallback, tuyệt đối không tải lên bất kỳ máy chủ nào.
Hạ tầng Serverless siêu nhẹ: Xây dựng trên nền tảng React 19, Vite 5, Framer Motion & GSAP, ứng dụng tận dụng trực tiếp năng lực tính toán của thiết bị đầu cuối, cho phép triển khai miễn phí với khả năng chịu tải cao và chi phí duy trì máy chủ bằng 0.