VIỆT VANG - DỰ ÁN


SYSTEM



Tên PJT: Hệ thống đặt hàng mô hình hỗ trợ in 3D

Thiết kế, thiết lập:

Tạo và phát triển: Việt Vang

URL:


Mô tả dự án

Hệ thống này là dự án phát triển hệ thống order dịch vụ B to C mà có thể order nhân vật (avata) tùy chỉnh (design, trạng thái) miêu tả mà bản thân thích trên web.

User truy cập vào website, liên kết với nhiều parts được chuẩn bị sẵn, tạo và order nhân vật 3D mà bản thân thích.

Là quy trình gửi kèm cho user, dựa vào thông tin order từ hệ thống lọc data hỗ trợ in 3D, tạo nhân vật thật .

Hỗ trợ nhiều kỹ thuật mới để tạo data in 3D tương ứng với yêu cầu của user trên màn hình



Tổng quan dự án

Hệ thống  này là dự án phát triển hệ thống order dịch vụ in 3D dạng B to C.

Chi tiết dịch vụ in 3D trên trang web:

  1. Công ty kinh doanh dịch vụ vận hành trang web.
  2. Người sử dụng vào trang web và thiết kế nhân vật từ các mẫu 3D là Đầu, mình, thân (thiết kế 3D) và chọn các hình mắt, mũi, quần, áo (2D) để gắn vào mẫu 3D.
  3. Người sử dụng order (đặt hàng) nhân vật 3D vừa thiết kế đến công ty (ở 1).
  4. Công ty in nhân vật 3D đã được đặt hàng (ở 3) bằng máy in 3D và gửi qua đường bưu điện đến người dùng (ở 2).

Đặc điểm trang web:

  • Có nhiều model 3D ứng với các bộ phận tóc, đầu, thân cho người dùng tùy ý chọn.
In 3D

  • Các hình ảnh 2D như mắt, mũi, miệng, chân mày, râu, quần áo, thay đổi chữ viết trên đế,… sau khi gắn vào hình 3D thì có thể di chuyển vị trí tự do, phóng to thu nhỏ, bẻ cong, thay đổi màu sắc ...
In 3D

Thông tin kỹ thuật:

Các xử lý 3D sử dụng thư viện JSC3DThree.js

  • Thư viện JSC3D:

JSC3D là một công cụ xem mô hình 3D trực tuyến và bộ công cụ dựa trên HTML5 và Javascript. Rất thuận tiện cho việc chia sẻ thiết kế và triển lãm sản phẩm. Các định dạng file được hỗ trợ:

  • Wavefront obj
  • STL (cả dạng nhị phân và dạng ascii)
  • Autodesk 3DS
  • OpenCTM
  • Thư viện js

Three.js là một thư viện/API Javascript đa nền tảng được sử dụng để tạo và hiển thị đồ họa 3D động trên một trình duyệt web.

Three.js cho phép tạo ra GPU-accelerated 3D animations sử dụng ngôn ngữ Javascript như là một phần của website mà không cần phụ thuộc vào plugin độc quyền của trình duyệt. Three.js làm được điều này nhờ vào việc sử dụng WebGL

  • Mô tả luồng xử lý dữ liệu cơ bản:
  • Khi user có bất kì thay đổi nào lên các chi tiết 2D của nhân vật(thay đổi mắt, mũi, miêng, đổi màu,…) thì thay đổi đó sẽ được gửi lên server bằng ajax để xử lý bằng PHP và sau đó server sẽ trả về 1 hình ảnh. Ta sẽ dùng hình ảnh này để áp dụng lên nhân vật bằng các xử lý Hình ảnh này được gọi là Texture (3D texture) của mô hình 3D
  • Texture có thể được xem là bộ da được khoác lên mô hình 3D. Vậy nên mỗi khi ta thay đổi Texture thì hình ảnh, màu sắc trên nhân vật sẽ thay đổi phù hợp.
In 3D

In 3D


to-top