Website dự án bất động sản với 5 model 3D maquette: sa bàn 3D có sông, đường, công viên — rê để xem toà nhà, bấm để camera bay tới, kéo giờ mặt trời để xem bóng đổ; chọn tầng, chọn căn trên mặt bằng, tính khoản vay trả góp và đặt lịch xem nhà.
▶ Demo thực tế của template — giao diện, hiệu ứng và chuyển động khi chạy.
Điểm nổi bật
◆Intro bản vẽ blueprint tự vẽ từng nét (sông, đường, khối nhà, kích thước) rồi trượt lên như tờ giấy — không có số %
◆Sa bàn 3D: 3 tháp, 3 biệt thự, clubhouse và 15 cây; rê hiện vòng đồng + tên toà, bấm để camera bay tới và mở thẻ thông tin
◆Thanh giờ mặt trời 6:00–18:00 xoay nguồn sáng đổ bóng và đổi màu trời; mô hình tự xoay chậm, kéo để xoay
◆Chọn toà → tầng (thanh còn trống) → căn trên mặt bằng SVG có trạng thái, giá theo tầng & hướng; tính trả góp dư nợ giảm dần; đặt lịch; song ngữ
Kỹ thuật
5 model GLB (Tripo) nhân bản trên sa bàn · bóng đổ theo giờ mặt trời · raycast chọn toà · mặt bằng SVG
Bảng màu
Font chữ
Brygada 1918 · Reddit Sans
Công nghệ
Three.js · GLTF + meshopt · SVG · Motion · Lenis · Vite · Tripo 3D · GPT Image
