Thuật ngữ — dễ hiểu cho mọi người

Trang web có hình ảnh hoặc cảnh 3 chiều, nơi bạn có thể xoay, kéo, phóng to thay vì chỉ nhìn ảnh phẳng.

Ví dụ: Trang showcase một chiếc giày cho phép xoay 360°.

Bản thiết kế chi tiết của trang web 3D — như bản vẽ kiến trúc trước khi xây nhà.

Một 'phân đoạn' của câu chuyện trên web, giống như một cảnh trong phim. App này dùng đúng 5 cảnh.

Khoảnh khắc 0–3 giây đầu tiên: phải đẹp / lạ ngay để giữ người xem khỏi đóng tab.

Ví dụ: Một quả cầu phát sáng xoay tròn ngay khi mở web.

Nút hoặc lời mời cuối cùng: 'Mua ngay', 'Đăng ký', 'Liên hệ'. Mục tiêu của cả trang là đưa user tới đây.

Bộ 4–6 màu chính dùng xuyên suốt trang. Như tủ quần áo: phải hợp tông, không lộn xộn.

Cách chọn và phối font chữ — font tiêu đề, font nội dung.

Trang tự co giãn đẹp trên cả điện thoại, tablet, máy tính — không bị vỡ layout.

Cách kể chuyện qua trang web. Người dùng đi qua 5 cảnh theo thứ tự để cảm nhận thông điệp, thay vì chỉ đọc text.

Mỗi lần cuộn chuột, một phần animation 3D mới chạy ra. Cuộn = lật trang phim.

Ví dụ: Cuộn xuống thì chiếc xe tự tháo ra từng bộ phận.

L1 Static Enhanced — 1 viewer 3D đơn lẻ. L2 Scrollytelling — 3D theo cuộn. L3 Immersive — thế giới đi lại tự do.

Khung chấm điểm: Usability (30đ) + Performance (25đ) + Creativity (20đ) + Content (25đ) = 100đ.

Trang dễ dùng tới đâu: điều hướng rõ, mobile mượt, thao tác 3D trực giác, accessibility.

Trang chạy nhanh tới đâu: kích thước asset, lazy load, code splitting.

Định dạng file 3D chuẩn cho web, nhẹ và nhanh. GLB là phiên bản đóng gói 1 file.

Mọi 'tài nguyên' của trang: model 3D, texture, video, font, ảnh.

Cổng AI tích hợp sẵn — gọi Gemini/GPT mà không cần tự đăng ký key bên ngoài.

Hàm chạy trên server (không phải trên trình duyệt). Dùng khi cần secret key, query DB, hoặc gọi AI.

Giới hạn số tam giác trên model 3D. Nhiều quá → máy yếu lag. Ví dụ web nên ≤ 100k tris/scene.

Giới hạn dung lượng ảnh dán lên model. Ưu tiên KTX2 / Basis (nén GPU) thay vì PNG to.

Three.js là thư viện 3D phổ biến nhất cho web. R3F (React-Three-Fiber) là wrapper giúp viết Three.js bằng JSX của React.

Thư viện animation chuyên nghiệp. Mượt, hỗ trợ ScrollTrigger để làm scrollytelling.

Bộ nén hình học cho model glTF. Giảm dung lượng 5–10× mà gần như không mất chất lượng.

Tách JS thành nhiều bundle nhỏ. User chỉ tải phần cần thiết cho cảnh đang xem.

Web API cho phép huỷ một fetch đang chạy. App này dùng để bấm Cancel khi đang evaluate.

Cách bắt AI trả về JSON đúng format đã định nghĩa, thay vì văn bản tự do. Đây là cốt lõi giúp blueprint luôn đúng cấu trúc 4×5×3.

Server function chạy trên Cloudflare Worker — gần user hơn, latency thấp, nhưng KHÔNG hỗ trợ một số package Node-only (sharp, puppeteer...).

Cơ chế của Postgres: mỗi dòng dữ liệu có policy quyết định ai được đọc/ghi. Bắt buộc khi dùng Supabase auth.