Hướng dẫn import setting mẫu nón 3D lên web 3d

A. Import mẫu nón 3D 
 Yêu cầu: FIle import gồm các file: .gltf, .bin, .png,.... 
 Import lỗi: 
 - Kiểm tra file .gltf thuộc tính images dạng object gồm các field: mimeType, name, uri.
- Kiểm tra trong file .gltf có %20 không nếu có thì bỏ %20 và chỉnh sửa lại tên file hình không có khoảng trắng.
 
 
 
 Bước 1: Click "+ Add hat style" để mở modal. Click "Upload files". 
 
 
 Bước 2: Chọn Folder import, chọn tất cả các file trong folder. 
 
 
 Bước 3: setup mẫu nón 
 + Hat style name*: tên mẫu nón
+ Client: lưu mẫu nón với client chọn hoặc k chọn mặc đinh lưu vô admin
+ Description: note
+ Image*: Chỉ hỗ trợ file .png hoặc .jbg
+ Button toggle public: public mẫu nón
 
 
 
 Bước 4: Setup material mẫu nón 
 + Cột Name*: tên group material bên 3d khi import vào web 3d
+ Display Name: Đổi tên material dễ hiểu.
=> Mở file import trong blender. Kiểm tra group material của mẫu nón thường bao gồm: đai, lưới, vải => đổi tên material của 3d sang dispaly name cho dễ hiểu
+ collapse: cho phép hiển thị danh sách material của group material
+ Color: Hiên thị bộ phận của mấu nón
+ Material: Thay đổi vải và màu của material
+ Text: Custom thêm chỉnh sửa trên material
+ Image: Custom thêm chỉnh sửa trên material
 
 
 
 ###Demo 
 
 
 Mở modal import
 
 
 
 Import file
 
 
 
 Đặt tên nón, import hình ....
 
 
 
 Đổi tên Display Name 
 
 
 
 Tên material trong file import đang không biết đâu là đai, lưới, vải 
 Kiểm tra trong blender. VD: trong blender đai tên material đang là FABRIC 1_1785
 
 
 Kiểm material FABRIC 1_1785 đổi lại thành dai 
 
 
 
 
 
 Setup mẫu nón theo yêu cầu 
 
 
 Đổi vải, màu, edit image, text trên material
 
 
 
 
 VD: Customer Text
 
 
 
 
 Mở mẫu nón vừa import
 
 
 Custom text với material dai
 
 
 
 
 collapse
 
 
 
 
 Danh sách material theo group
 
 
 Hidden
 
 
 
 
 B. Setting logo size 
 Dev mode: 
 
 import nón ở local 
 Mở hàm showModelDimensions xem chiều dài của nón trên web 3d (B) 
 Đo chiều dài thực tế của nón (A) 
 Tính hệ số theo công thức: A/8*20 
 Lưu hệ sống này trong bảng model_actual_measurements cột real_centermeter(base_20) với model_3d_id đúng với mẫu nón import 
 check lại logo size đúng với kích thước thực tế nếu chưa điều chỉnh lại hệ số 
 
 Demo 
 
 Chiều dài trên web 3d: 8.7cm
 
 
 Chiều dài đo thực tế: 12cm 
 Hệ số: 27.5 
 Với hệ số trên logo size ch đúng kích thước thực tế nhất
 
 
 Điều chỉnh hệ số: 22.5
 
 
 
 C. import vải màu 
 ***Yêu cầu: File fabric import có cùng mẫu nón 
 Bước 1: Click 3 chấm ở mẫu nón muốn import vải màu -> click "List Fabric" -> mở modal import Fabric 
 Bước 2: Click "Import Fabric" 
 Bước 3: Chọn tất cả file (.gltf,.bin.png,...) trong folder import 
 Bước 4: Setup màu và vải 
 - Fabric name*: Tên vải. Gợi ý đặt tên: Tên vải + tên màu
- List of images:
 + Group: Tên vải
 + Patone: Tên màu ( map mẫu nón 3d vs TTD)
 + Color: Mã màu (Không có mã màu sẽ hiển thị ảnh của màu trong file import)
 + isShow: show color in select 
 + Display name: tên màu ( hiên thị trong select)
- Note: Bật Material trong setting mẫu nón chỉnh ( theo yêu cầu edit màu vải của material)
 
 ***Demo 
 
 Mở modal import fabric
 
 
 Click import fabric
 
 
 Chọn tất cả file trong folder import 
 setup màu vải
 
5.kết quả
 
 
 
 
 ***Chức năng thay đổi màu khi đổi material 
 Mô tả: 
 
 Material Choose: Material được chọn 
 Material Stiches: Material đổi màu 
 Color: mã hex 
 
 ***Demo 
 
 Setup sự kiện đổi màu material
 
 
 Mẫu nón khi chưa chọn vải
 
 
 Khi chọn vải, đai đổi màu