Bỏ qua menu, vào nội dung chính
Portfolio
Sản xuất· 2025

ThietKeCua

2D Konva + 3D Three.js configurator cửa.

Tổng quan

Công cụ thiết kế cửa trực quan — khách hàng tự cấu hình mẫu cửa trên canvas 2D (Konva) và xem trước 3D (Three.js) ngay trên trình duyệt, không cần phần mềm.

Bài toán

Khách mua cửa khó hình dung sản phẩm cuối. Bản vẽ 2D không trực quan, còn render 3D thường cần phần mềm chuyên dụng đắt tiền.

Giải pháp

Configurator web: vẽ 2D với Konva để chọn kích thước/hoa văn, đồng thời dựng 3D Three.js xem trước realtime. Xuất cấu hình gửi xưởng sản xuất.

Tính năng chính

  • Canvas 2D thiết kế cửa (Konva)
  • Preview 3D realtime (Three.js)
  • Cấu hình kích thước · vật liệu · hoa văn
  • Xuất bản vẽ gửi xưởng
  • Chạy hoàn toàn trên trình duyệt

Tech stack

Next.jsKonva (2D)Three.js (3D)Node.js

Kết quả

2D+3D
Trực quan
0
Cài đặt phần mềm
Web
Chạy trình duyệt

Xem demo

Muốn xem sản phẩm hoạt động?

Đây là dự án nội bộ / R&D — liên hệ để được demo trực tiếp.

Đặt lịch xem demo

Bắt đầu

Cần một sản phẩm
như thế này?

Khảo sát miễn phí. Báo giá 48 giờ. Mã nguồn của bạn.