Chào mọi người,
Nếu bạn đang làm trong mảng thiết kế 3D/2D, lập trình hoặc xây dựng sản phẩm (product) cho các chiến dịch marketing, sự kiện, chắc hẳn bạn đã quen thuộc với những khó khăn khi đề xuất giải pháp AR. Trước đây, rào cản lớn nhất là chi phí bản quyền đắt đỏ và việc bắt buộc người dùng cài đặt ứng dụng. Các bộ lọc trên Facebook hay TikTok thì phụ thuộc hoàn toàn vào nền tảng của họ, duyệt lâu và bắt khách hàng phải mở ứng dụng mới chơi được.
Tuy nhiên, sự kiện Meta ngừng hoạt động Spark AR, cộng thêm sự phát triển của các công cụ AI hỗ trợ code/dựng hình và sự kiện 8th Wall nguồn mở, đã mở ra cơ hội rất tốt cho WebAR (chạy trực tiếp trên trình duyệt di động bằng cách quét mã QR). Đây không chỉ là sân chơi cho lập trình viên mà còn là không gian rộng mở cho các bạn làm thiết kế 3D/2D và sáng tạo nội dung.
Dưới đây là một vài kinh nghiệm thực tế về bộ stack kỹ thuật, các mô hình sản phẩm khả thi, bài học thực tế cũng như khía cạnh pháp lý cần lưu ý khi triển khai WebAR.
1. Bộ stack kỹ thuật thực chiến phù hợp cho cả Designer và Dev
Để tự vận hành các dự án WebAR quy mô nhỏ và vừa (SMEs), chúng ta cần một bộ công cụ tối ưu chi phí, tận dụng mã nguồn mở và AI:
8th Wall mã nguồn mở (Open Source):
- Đầu năm 2026, Niantic đã chuyển đổi 8th Wall sang mã nguồn mở dưới giấy phép MIT (phát hành tại
8thwall.org). - Tuy họ đóng cửa hệ thống đám mây (Cloud Editor) – nghĩa là chúng ta phải tự quản lý file và host riêng trên Vercel/Netlify, nhưng bộ khung engine cốt lõi và thuật toán định vị không gian (SLAM) cao cấp hiện được miễn phí hoàn toàn cho cả mục đích thương mại. Sự thay đổi này giúp loại bỏ gánh nặng chi phí bản quyền hàng nghìn USD mỗi tháng.
- Đầu năm 2026, Niantic đã chuyển đổi 8th Wall sang mã nguồn mở dưới giấy phép MIT (phát hành tại
MindAR.js & Google
<model-viewer>:- Với các dự án nhận diện hình ảnh (Image Tracking) hoặc hiệu ứng khuôn mặt (Face Filter) cơ bản, MindAR.js là lựa chọn nhẹ và dễ triển khai.
- Để hiển thị sản phẩm 3D tương tác trên các trang e-commerce, bạn chỉ cần nhúng thẳng thư viện
<model-viewer>của Google bằng vài dòng mã HTML cơ bản.
AI hỗ trợ viết code (Cursor / Windsurf):
- Các bạn designer hay creator không cần quá lo lắng về việc viết mã. Sử dụng AI ở chế độ Composer giúp sinh nhanh các đoạn mã thiết lập ban đầu (boilerplate) cho Three.js hoặc A-Frame. Nó giúp giảm thời gian dựng prototype từ 1-2 ngày xuống còn vài giờ. Việc tinh chỉnh logic và sửa lỗi sau đó sẽ dễ thở hơn rất nhiều.
Quét 3D vật thể và tối ưu hóa bằng Blender:
- Đây là phần đất diễn chính của các bạn 3D Designer. WebAR chạy trên trình duyệt di động rất nhạy cảm với dung lượng file.
- Quy trình thực tế là quét vật thể thực bằng điện thoại qua Luma AI/Polycam, sau đó đưa vào Blender để giảm đa giác (polygon count), tối ưu hóa lưới (retopology) và nén texture. Mục tiêu bắt buộc: giữ file GLB dưới 3MB - 5MB để đảm bảo thời gian tải trang nhanh trên kết nối di động.
2. Các mô hình sản phẩm WebAR khả thi và dễ đóng gói
Thay vì nhận gia công nhỏ lẻ, chúng ta có thể đóng gói giải pháp WebAR thành các gói sản phẩm cụ thể để chào hàng cho các doanh nghiệp:
Thiệp cưới & Thiệp mời sự kiện thông minh (Wedding Tech)
- Cách hoạt động: Khách quét mã QR trên thiệp giấy để mở camera điện thoại, quét ảnh thiệp để hiển thị mô hình 3D hoặc video cưới, đi kèm các nút bấm tích hợp bản đồ dẫn đường, album ảnh cưới và form xác nhận tham dự (RSVP).
- Thực hiện: Code một lần và host miễn phí trên Vercel/Github Pages. Các dự án sau chỉ cần thay đổi hình ảnh và video của cặp đôi mới.
- Giá thị trường: Khoảng 2 - 5 triệu VNĐ/dự án.
Thực đơn 3D cho nhà hàng và quán cafe (F&B Tech)
- Cách hoạt động: Menu đặt tại bàn tích hợp mã QR. Khách quét để mở camera và xem mô hình 3D thực tế của các món ăn xoay 360 độ trực tiếp trên bàn ăn theo tỷ lệ thực.
- Thực hiện: Quét món ăn thật bằng app di động, xử lý lưới và độ bóng trong Blender để món ăn hiển thị chính xác nhất.
- Giá thị trường: 500.000đ - 1.000.000đ cho mỗi mô hình món ăn hoàn thiện + phí duy trì kỹ thuật hàng năm.
Trải nghiệm AI Photobooth cho Sự kiện (Event Tech)
- Cách hoạt động: Chạy trên trình duyệt của máy tính bảng tại booth sự kiện hoặc điện thoại của khách. Khách chụp ảnh selfie, hệ thống tự động nhận diện và cắt mặt (sử dụng thư viện FaceMesh) rồi gửi qua API của các mô hình Generative AI (Stable Diffusion/Fal.ai) để ghép mặt khách vào các ảnh chủ đề sự kiện kèm khung viền thương hiệu. Khách quét QR để tải ảnh về máy.
- Thực hiện: Dùng WebRTC để bắt camera, kết nối với API sinh ảnh đám mây để trả kết quả nhanh dưới 10 giây.
- Giá thị trường: Thuê trọn gói 5 - 12 triệu VNĐ/ngày sự kiện (đã gồm chi phí chạy API).
Mini Game tương tác trên Web (Web-based AR Game)
- Cách hoạt động: Game AR đơn giản chạy trên trình duyệt (như hứng quà rơi bằng đầu, vòng quay may mắn AR) được tích hợp trực tiếp trên trang đích (landing page) của chiến dịch marketing.
- Giá thị trường: 8 - 15 triệu VNĐ tùy độ phức tạp của logic game.
3. Những hạn chế kỹ thuật và lưu ý pháp lý thực tế
Bên cạnh giải pháp kỹ thuật, khi đưa WebAR và AI vào các chiến dịch thương mại thực tế tại Việt Nam, bạn cần đặc biệt lưu ý cả mặt kỹ thuật lẫn pháp lý:
Rào cản kỹ thuật
- Hiệu năng trên thiết bị cấu hình thấp: WebAR yêu cầu tài nguyên xử lý cao hơn app native. Nếu các bạn 3D designer không tối ưu lưới và texture kỹ, trang web AR sẽ bị giật lag hoặc tự crash trình duyệt trên các dòng máy Android đời cũ.
- Lỗi camera trên trình duyệt in-app: Người dùng Việt Nam thường quét QR trực tiếp từ các trình duyệt tích hợp trong Facebook, Messenger, TikTok hay Instagram. Các trình duyệt in-app này thường chặn hoặc kén API camera. Cần thiết kế sẵn script tự động phát hiện trình duyệt in-app để hướng dẫn người dùng chuyển sang Chrome/Safari ngoài bằng một chạm, hoặc có sẵn giải pháp hiển thị mô hình 3D tương tác tĩnh (fallback) để không làm đứt quãng trải nghiệm.
- Chi phí API khi làm AI Photobooth: Với sản phẩm AI Photobooth, chi phí gọi API sinh ảnh và tốc độ tạo ảnh là bài toán cần tính toán kỹ trước khi báo giá trọn gói cho khách hàng để tránh bị bù lỗ khi sự kiện có lượng người quét quá đông.
Vấn đề pháp lý thực tế
Bảo vệ dữ liệu cá nhân (Nghị định 13/2023/NĐ-CP):
- Do WebAR truy cập trực tiếp vào camera của thiết bị và sản phẩm AI Photobooth cần thu thập khuôn mặt (thuộc nhóm dữ liệu sinh trắc học nhạy cảm), bạn bắt buộc phải có thiết kế tuân thủ luật.
- Giải pháp: Luồng camera WebAR nên được chạy local 100% trên thiết bị của khách hàng, không gửi dữ liệu hình ảnh video thô về máy chủ. Đối với ảnh chụp qua AI Photobooth, hệ thống phải được thiết lập để tự động xóa sạch vĩnh viễn dữ liệu trên đám mây lưu trữ sau một khoảng thời gian nhất định (ví dụ: tự động xóa sau 24 giờ). Đồng thời, giao diện chụp ảnh cần có hộp kiểm (checkbox) yêu cầu khách hàng đồng ý với điều khoản sử dụng và chính sách bảo mật trước khi mở camera.
Bản quyền hình ảnh sinh bởi AI:
- Khi ứng dụng AI Photobooth tạo ra các hình ảnh mới cho khách hàng dựa trên prompt, nhãn hàng thường rất lo ngại về bản quyền của các hình ảnh, nhân vật hoặc bối cảnh do AI sinh ra.
- Giải pháp: Cần sử dụng các mô hình Stable Diffusion/Flux đã được huấn luyện trên nguồn dữ liệu sạch, không chứa bản quyền thương hiệu lớn, và tối ưu prompt để hạn chế tối đa việc sinh ra các chi tiết vi phạm bản quyền thương hiệu khác.
Quy định về chương trình khuyến mãi (Nghị định 81/2018/NĐ-CP):
- Đối với các sản phẩm Gamification trúng thưởng (như Lucky Draw, lật thẻ bài nhận quà), các doanh nghiệp khi triển khai chiến dịch tặng voucher hoặc hiện vật cho khách hàng bắt buộc phải thực hiện thủ tục đăng ký hoạt động khuyến mại với Sở Công Thương hoặc Bộ Công Thương.
- Giải pháp: Bạn cần làm việc trước với nhãn hàng để họ chuẩn bị các thủ tục pháp lý này trước khi đưa game lên chạy chính thức, tránh rủi ro pháp lý cho cả bên cung cấp giải pháp và nhãn hàng.
Kết luận & Giới thiệu dự án cá nhân: POSMARS
Để kết nối tính thẩm mỹ của thiết kế và sự mượt mà của công nghệ WebAR thành một sản phẩm hoàn thiện bàn giao cho các thương hiệu, mình đã xây dựng POSMARS – một dịch vụ Creative Tech trọn gói do mình trực tiếp vận hành.
Slogan: Elevating Retail to the Next Orbit.
POSMARS là dịch vụ cá nhân cung cấp giải pháp trọn gói (End-to-end Service), chuyên thiết kế asset 3D độc quyền và vận hành các ứng dụng web tương tác (WebAR, Gamification) để tối ưu hóa chuyển đổi tại điểm bán (POSM). Đây là dịch vụ hỗ trợ toàn diện từ khâu thiết kế đến kỹ thuật, không phải là phần mềm tự phục vụ.
Dựa trên ba nguyên tắc: Thẩm mỹ (Artist-led), Trải nghiệm (Frictionless), và Dữ liệu (Analytics), POSMARS cung cấp sẵn các kịch bản tương tác di động (Mobile-only) được thiết kế riêng:
- Image Tracking (AR): Nhận diện bao bì/poster để hiển thị mô hình 3D.
- Face Filter (AR): Hiệu ứng khuôn mặt, filter làm đẹp/hóa trang thương hiệu.
- AR Check-in (Selfie): Chụp ảnh selfie với khung hình và watermark thương hiệu.
- Lucky Draw (Gamification): Vòng quay may mắn tích hợp quản lý phần thưởng.
- Product Configurator: Tương tác xoay 360 độ và tùy biến sản phẩm trực quan.
Tại POSMARS, mình trực tiếp đảm nhận toàn bộ quá trình thiết kế asset 3D, lập trình giao diện tùy biến và tối ưu hóa kỹ thuật để bàn giao sản phẩm chạy mượt mà nhất trên thiết bị di động của khách hàng.
Hy vọng những chia sẻ thực tế này sẽ giúp ích cho mọi người trong quá trình tìm kiếm hướng đi mới kết hợp giữa thiết kế, sản phẩm và công nghệ AR. Mọi người có kinh nghiệm gì hay hoặc gặp khó khăn gì khi làm WebAR thì cùng thảo luận nhé!
