Build a simple product configurator in Unity in one hour or less
Trang web này đã được dịch bằng máy để thuận tiện cho bạn. Chúng tôi không thể đảm bảo tính chính xác hoặc độ tin cậy của nội dung được dịch. Nếu bạn có thắc mắc về tính chính xác của nội dung được dịch, vui lòng tham khảo phiên bản tiếng Anh chính thức của trang web.
Công cụ cấu hình sản phẩm có thể thay đổi cách khách hàng tương tác với sản phẩm của bạn bằng cách chuyển trải nghiệm từ việc chỉ xem hình ảnh tĩnh sang trải nghiệm tương tác, cuối cùng cung cấp cho người xem nhiều thông tin chi tiết và hơn.
Trong các ứng dụng công nghiệp, công cụ cấu hình có thể trưng bày các thiết bị phức tạp, cho phép tùy chỉnh theo thời gian thực và giúp khách hàng hình dung sản phẩm trong bối cảnh cụ thể của chúng.
Trong hướng dẫn này, bạn sẽ xây dựng trình cấu hình sản phẩm có thể triển khai trên web đầu tiên của mình trong vòng một giờ hoặc ít hơn. Công cụ cấu hình của bạn sẽ cho phép người dùng thay đổi các chất liệu khác nhau trên mô hình 3D bằng giao diện đơn giản. Sau khi hoàn thành khóa học, bạn sẽ hiểu được những tính năng cơ bản để tạo ra các công cụ cấu hình sản phẩm chuyên nghiệp.
Nếu bạn muốn xem hướng dẫn từng bước bằng video, bạn có thể xem tại đây .
Để biết thêm thông tin chi tiết, hãy xem hội thảo trực tuyến của chúng tôi về...Mẫu cấu hình sản phẩm
Điều kiện tiên quyết
Hướng dẫn này dành cho các nhà phát triển có kiến thức từ cơ bản đến trung cấp về lập trình dự án trong Unity. Để hoàn thành hướng dẫn này, bạn cần phải...
1. Cài đặt những thứ sau :
- Hỗ trợ biên dịch Unity 6 với WebGL
- Giấy phép dùng thử hoặc giấy phép thông thường cho Unity Industry
- Gói Industry Product Configurator của Unity, có sẵn trên GitHub.
2. Thêm mô hình 3D : Sử dụng tệp mô hình 3D của riêng bạn hoặc tệp có sẵn trong mẫu.
3. Thêm các nguyên liệu cơ bản : Hãy chuẩn bị sẵn ít nhất 2-3 loại vật liệu khác nhau hoặc tái sử dụng các vật liệu kim loại đã có sẵn trong hướng dẫn.
Thời gian dự kiến hoàn thành : 30-60 phút
Khám phá dự án mẫu
Hướng dẫn này sử dụng dự án mẫu Industry Product Configurator của Unity làm nền tảng học tập và điểm khởi đầu. Ví dụ này minh họa một trình cấu hình hoạt động hoàn chỉnh với chức năng chuyển đổi vật liệu và linh kiện, điều khiển camera và giao diện người dùng – chính xác là những tính năng bạn sẽ học cách triển khai trong bài tập.
Mẫu này bao gồm các thành phần được thiết kế sẵn cho khả năng hiển thị, vật liệu, hoạt ảnh và các biến thể biến đổi, giúp bạn tập trung vào sản phẩm của mình thay vì phải xây dựng hệ thống biến thể từ đầu.
Mở dự án mẫu và tạo cảnh của riêng bạn.
Bằng cách khám phá dự án mẫu trước tiên, bạn sẽ có được kinh nghiệm thực tế với công cụ cấu hình sản phẩm trước khi tự xây dựng sản phẩm của riêng mình. Hãy làm theo các bước sau để cài đặt:
1. Trong Unity Hub, tạo một dự án Unity mới bằng cách sử dụng mẫu Universal 3D dựa trên Universal Render Pipeline (URP).
2. Tải xuống và cài đặt dự án mẫu Industry Product Configurator :
- Để cài đặt gói, hãy sao chép URL từ nút Code màu xanh lá cây trên kho lưu trữ GitHub và mở Trình quản lý gói của Unity.
- Nhấp vào biểu tượng dấu cộng và chọn Thêm gói từ URL git , sau đó dán liên kết kho lưu trữ. Unity sẽ tải xuống và cài đặt tất cả các thành phần cần thiết.
3. Sau khi quá trình tải xuống hoàn tất, hãy mở cảnh mẫu và chạy nó để xem trình cấu hình đầy đủ chức năng hoạt động như thế nào. Ví dụ này minh họa việc chuyển đổi vật liệu, bật/tắt hiển thị thành phần và điều khiển camera, giúp bạn hiểu ngay những khả năng và cách thức hoạt động của hệ thống. Gói này bổ sung các thành phần dành riêng cho trình cấu hình vào hệ thống hiện có của Unity để giúp bạn nhanh chóng bắt đầu xây dựng nguyên mẫu.
4. Ghi chú: Nếu bạn gặp sự cố khi cài đặt Git URL , hãy tham khảo hướng dẫn khắc phục sự cố Trình quản lý gói .
✓ Điểm kiểm tra : Giờ đây, bạn sẽ thấy các tùy chọn Trình cấu hình sản phẩm khi nhấp chuột phải vào mục Phân cấp hoặc trong menu Đối tượng trò chơi. Ngoài ra, trong kho lưu trữ GitHub của mẫu cấu hình cũng có hướng dẫn chi tiết giúp bạn học hỏi được nhiều nhất từ đó.
Trình cấu hình sản phẩm sẽ mở trong Trình chỉnh sửa
Đưa vào mô hình 3D
Sau khi dành thời gian khám phá mẫu, bước tiếp theo là đưa vào mô hình 3D mà bạn sẽ thêm chức năng chuyển đổi vật liệu. Nếu bạn muốn hoàn thành hướng dẫn này nhanh hơn, bạn có thể sử dụng mô hình Skidloader đã có sẵn trong ví dụ (Tìm kiếm Skidloader). Hoặc, bạn có thể dễ dàng mang mô hình của riêng mình vào với một trong hai tùy chọn chuyển đổi được giải thích trong phần tiếp theo: Tính năng Tối ưu hóa và Chuyển đổi trong Unity Asset Manager hoặc Unity Asset Transformer Toolkit. Bạn cũng có thể bỏ qua phần này nếu muốn sử dụng mô hình có sẵn trong dự án mẫu.
Asset Manager
Nếu bạn có kế hoạch xây dựng các công cụ cấu hình chuyên nghiệp, hãy cân nhắc tích hợp Asset Manager vào quy trình làm việc của mình. Unity Asset Manager là giải pháp quản lý tài nguyên kỹ thuật số (DAM) dựa trên nền tảng đám mây, giúp đơn giản hóa quy trình tải lên, quản lý, chuyển đổi, chia sẻ và truy cập các tài sản 3D phức tạp theo thời gian thực của các nhóm. Quyền truy cập vào Asset Manager được bao gồm trong gói đăng ký Unity Industry .
Bạn có thể chuẩn bị và tối ưu hóa các mô hình 3D của mình bằng Asset Manager, đặc biệt là với tính năng Tối ưu hóa và Chuyển đổi . Công cụ này sẽ chuyển đổi các mô hình 3D của bạn bằng cách làm sạch lưới, tối ưu hóa số lượng đa giác và chuyển đổi chúng sang định dạng tương thích với Unity. Quá trình này hoàn tất trong chưa đầy một phút và cải thiện hiệu quả quy trình làm việc đối với việc chuyển đổi các tập tin lớn.
Tìm hiểu thêm về Asset Manager tại đây:
- Hướng dẫn sử dụng Unity Asset Manager
- Giới thiệu về các phương pháp chuyển giao Asset Manager .
Quy trình làm việc CAD với Bộ công cụ Asset Transformer Toolkit)
Nếu bạn cần chuyển đổi các mô hình CAD phức tạp, hãy cân nhắc sử dụng Unity Asset Transformer Toolkit , công cụ này hỗ trợ nhiều định dạng tệp CAD khác nhau và cung cấp các tính năng tối ưu hóa nâng cao. Nhập trực tiếp các mô hình CAD vào Unity, sau đó sử dụng các công cụ của Asset Transformer để giảm số lượng đa giác, đơn giản hóa vật liệu và chuẩn bị mô hình cho việc hiển thị trực quan theo thời gian thực.
Tìm hiểu thêm về Plugin Asset Transformer tại đây:
Thiết lập bối cảnh của bạn
Hãy bắt đầu bằng cách tạo một khung cảnh mới cho trình cấu hình của bạn. Thêm máy xúc lật vào khung cảnh trống, hoặc nếu bạn đang sử dụng mô hình 3D của riêng mình, hãy nhập nó vào khung cảnh và đặt nó vào vị trí thích hợp. Mô hình hiện đã sẵn sàng để bạn thêm chức năng chuyển đổi vật liệu mà bạn đã quan sát thấy trong dự án mẫu.
✓ Điểm kiểm tra : Cảnh của bạn nên chứa mô hình 3D được đặt ở vị trí mà bạn có thể nhìn thấy rõ ràng trong khung nhìn Cảnh. Mô hình cần được áp dụng vật liệu và hiển thị trong chế độ xem trò chơi.
Xây dựng chức năng chuyển đổi vật liệu
Giờ bạn sẽ triển khai tính năng cấu hình cốt lõi – cho phép người dùng thay đổi chất liệu trên sản phẩm của bạn trong thời gian thực.
Tạo các biến thể vật liệu
1. Hãy bắt đầu bằng cách sử dụng thành phần tích hợp sẵn cho các bộ biến thể bằng cách chọn nó từ menu GameObject hoặc bằng cách nhấp chuột phải vào Hierarchy. Bạn sẽ có nhiều lựa chọn khác nhau, nhưng trong hướng dẫn này, chúng ta sẽ tập trung vào các biến thể Vật liệu .
- Hệ thống biến thể vật liệu của gói phần mềm sử dụng hệ thống phát hiện tự động tìm tất cả các trình kết xuất lưới sử dụng vật liệu mục tiêu của bạn trên các cấu trúc phân cấp đối tượng phức tạp.
2. Xác định vật liệu cơ bản và đối tượng cha bằng cách sử dụng tùy chọn Target Parent trong thành phần, sau đó để công cụ Capture xác định tất cả các trình kết xuất lưới có liên quan. Điều này đảm bảo tính nhất quán giữa các sản phẩm có nhiều thành phần trong khi vẫn duy trì hiệu suất.
Xác định vật liệu cơ bản của bạn
3. Tái sử dụng hai loại vật liệu này với lớp phủ kim loại, Sơn kim loại - Đỏ và Sơn kim loại - Xanh lam (hoặc tạo các loại tương đương của riêng bạn). Gán vật liệu vào từng ô Biến thể bằng cách kéo chúng vào các trường Biến thể. Hệ thống xử lý toàn bộ logic chuyển đổi, tự động cập nhật vật liệu khi các biến thể thay đổi. Sử dụng thanh trượt xem trước tích hợp trong Trình kiểm tra để thử nghiệm các biến thể ngay lập tức và xem màu đỏ và xanh lam trông như thế nào trên mô hình của bạn.
✓ Điểm kiểm tra : Giờ đây, bạn sẽ thấy hai biến thể vật liệu (Sơn kim loại - Đỏ và Sơn kim loại - Xanh lam) trong thành phần Bộ biến thể vật liệu của mình. Khi bạn kéo thanh trượt xem trước trong Inspector, mô hình của bạn sẽ thay đổi giữa lớp phủ kim loại màu đỏ và xanh lam trong thời gian thực ở chế độ xem Scene.
Để được trợ giúp về tạo vật liệu, hãy xem tài liệu về vật liệu của Unity.
Kết nối các biến thể với giao diện người dùng
Gói Product Configurator bao gồm một thành phần VariantSelect tạo ra các menu thả xuống từ các bộ biến thể hiện có để phát triển trình cấu hình nhanh chóng. Tính năng này được thiết kế để những người không phải lập trình viên có thể dễ dàng chọn các bộ biến thể trong khung cảnh và tích hợp trực tiếp với hệ thống sự kiện của Unity, cho phép bạn xây dựng các trình cấu hình chức năng mà không cần viết kịch bản tùy chỉnh. Điều này đặc biệt hữu ích cho những người dùng sử dụng giải pháp uGUI, cho phép họ trực tiếp gán thành phần cho sự kiện OnClick .
Tạo giao diện người dùng
Khi các biến thể vật liệu của bạn đã hoạt động, bạn cần một giao diện cho phép người dùng kiểm soát các cấu hình này và tương tác với công cụ cấu hình sản phẩm của bạn.
Unity cung cấp hai hệ thống giao diện người dùng: một hệ thống giao diện người dùng dựa trên GameObject (uGUI) và UI Toolkit mới hơn. Trong hướng dẫn này, chúng ta sẽ sử dụng hệ thống uGUI dựa trên GameObject vì nó cho phép tích hợp kéo và thả với thành phần VariantSelect mà không cần viết bất kỳ đoạn mã nào.
1. Kéo và thả một nút từ menu giao diện người dùng vào phần Phân cấp và đặt tên cho nó (ví dụ: "Nút kim loại màu đỏ").
- Khi bạn tạo phần tử giao diện người dùng đầu tiên, Unity sẽ tự động tạo các đối tượng Canvas và EventSystem trong cảnh của bạn. Canvas đóng vai trò là vùng chứa cho tất cả các phần tử giao diện người dùng, trong khi EventSystem xử lý các thao tác nhập liệu của người dùng, ví dụ như nhấp chuột vào nút.
- Đảm bảo thành phần Canvas được thiết lập thành "Điều chỉnh theo kích thước màn hình" . Thiết lập này cho phép các thành phần giao diện người dùng duy trì tỷ lệ nhất quán trên các độ phân giải màn hình khác nhau. Đặt độ phân giải tham chiếu sao cho phù hợp với kích thước màn hình mục tiêu của bạn – trong ví dụ này, đó có thể là 1920x1080 . Điều này xác định độ phân giải cơ bản mà bố cục giao diện người dùng của bạn dựa trên đó. Ngoài ra, hãy đặt thuộc tính Match thành 0.5 , giá trị này tạo sự cân bằng giữa tỷ lệ chiều rộng và chiều cao, đảm bảo các phần tử giao diện người dùng của bạn được điều chỉnh tỷ lệ đồng đều, bất kể màn hình rộng hơn hay cao hơn so với kích thước tham chiếu. Mẹo neo giao diện người dùng: Để cố định các nút vào các cạnh màn hình cụ thể (trên/dưới), hãy chọn phần tử giao diện người dùng của bạn và nhấp vào thiết lập neo mong muốn trong bảng Thiết lập neo của thành phần Rect Transform. Tìm hiểu thêm trong Hướng dẫn neo giao diện Unity UI.
2. Để kết nối nút của bạn với lựa chọn biến thể, hãy chọn nút của bạn trong Hierarchy, tìm thành phần Button trong Inspector và tìm phần OnClick() .
3. Nhấp vào " + " để thêm sự kiện mới, kéo GameObject có thành phần VariantSelect vào trường đối tượng, chọn VariantSelect từ menu thả xuống và chọn SelectVariant để kích hoạt thay đổi vật liệu khi nút được nhấp.
4. Tạo thêm các nút cho mỗi loại vật liệu hoàn thiện (Nút kim loại màu xanh lam) và kết nối chúng theo cùng một cách. Nếu bạn muốn tìm hiểu thêm về các nguyên tắc cơ bản của uGUI, hãy truy cập hướng dẫn này để nắm vững những kiến thức cơ bản .
✓ Điểm kiểm tra : Nhấp vào Chế độ chơi, sau đó nhấp vào nút Kim loại đỏ và mô hình của bạn sẽ chuyển sang màu đỏ kim loại. Nhấn vào nút Kim loại Xanh để đổi màu thành xanh dương. Bạn sẽ thấy Canvas và EventSystem trong Hierarchy của mình, và các nút của bạn sẽ hiển thị trong Game view.
Nếu các nút không hoạt động, hãy kiểm tra xem các sự kiện OnClick của bạn đã được kết nối đúng cách chưa và xem tài liệu về Button của Unity.
Dành cho người dùng nâng cao: Nếu bạn quen thuộc với lập trình kịch bản, video này từ phút 20:10 sẽ hướng dẫn cách tự động tạo các nút giao diện người dùng bằng cách sử dụng kịch bản VariantSetController , kịch bản này tạo các nút một cách động với tên và chức năng chính xác.
Thêm điều khiển camera
Giao diện cấu hình hoàn chỉnh cũng cần cho phép người dùng kiểm soát cách họ xem sản phẩm, cho phép họ khám phá các góc độ và quan điểm khác nhau.
Để mang đến trải nghiệm người dùng tốt nhất cho trình cấu hình của bạn, bạn có thể sử dụng gói Cinemachine , cung cấp giải pháp không cần lập trình để thiết lập các góc nhìn camera chuyên nghiệp. Dự án mẫu cấu hình đã bao gồm thiết lập Cinemachine , vì vậy bạn có thể bắt đầu thêm máy quay của riêng mình ngay lập tức.
1. Để tạo góc quay camera mới cho sản phẩm của bạn, hãy vào GameObject > Cinemachine > Camera để thêm camera ảo mới vào cảnh. Đặt máy ảnh ở vị trí sao cho hiển thị sản phẩm từ góc độ mong muốn, ví dụ: cận cảnh làm nổi bật sự thay đổi về chất liệu.
- Mẹo: Hãy sử dụng chức năng "Căn chỉnh theo khung nhìn" (Ctrl-Shift-F trên Windows hoặc Cmd-Shift-F trên Mac) làm điểm khởi đầu. Thao tác này di chuyển camera đến cùng vị trí với khung nhìn Cảnh (Scene view) của bạn. Từ vị trí này, bạn sẽ dễ dàng tìm được góc chụp mong muốn.
2. Trong thành phần Cinemachine Camera, hãy đặt giá trị Priority để xác định khi nào camera này nên hoạt động (số càng cao thì càng được ưu tiên). Sử dụng nút Solo trong thành phần camera Cinemachine để thử nghiệm các góc nhìn camera khác nhau.
3. Thêm hai đến ba camera để có các góc nhìn khác nhau. Thành phần Cinemachine Brain (được tự động thêm vào camera chính của bạn) điều khiển sự pha trộn giữa các camera khác nhau, luôn ưu tiên camera ảo có mức độ ưu tiên cao nhất. Hãy xem video này để tìm hiểu thêm về cách sử dụng Cinemachine trong Unity 6.
4. Kết nối camera với các điều khiển giao diện người dùng: Để kích hoạt các góc nhìn camera khác nhau, tạo các nút UI (sao chép và dán từ các nút biến thể vật liệu của bạn và đổi tên chúng cho phù hợp với camera). Đối với sự kiện OnClick, hãy kéo camera bạn muốn điều khiển và sử dụng tùy chọn Prioritize . Thao tác này sẽ thiết lập mức độ ưu tiên ở mức Cao nhất, do đó camera ảo này sẽ là camera hoạt động.
5. Thiết lập điều khiển camera tương tác: Để điều khiển chuyển động camera tương tác, hãy sử dụng camera FreeLook cho phép di chuyển xoay quanh sản phẩm bằng chuột.
6. Cấu hình các thao tác đầu vào: Trong thành phần Cinemachine Input Axis Controller , bạn sẽ thấy phần Driven Axes với các tùy chọn Look Orbit X , Look Orbit Y và Orbit Scale . Các thiết lập này cần được cấu hình bằng các thao tác nhập liệu Player/Look từ gói Product Configurator. Để tìm thấy các hành động này, hãy truy cập vào:
Tài sản/Mẫu/Công cụ cấu hình sản phẩm/1.6.0/Thiết lập cấu hình tiêu chuẩn/StandardUIAction
Kéo hành động Player/Look từ thư mục này vào các trường nhập liệu cho Look Orbit X và Look Orbit Y trong phần Driven Axes . Tính năng này chỉ cho phép điều khiển camera bằng chuột khi nhấn chuột phải.
Giờ bạn đã sẵn sàng thử nghiệm trình cấu hình của mình với nhiều góc máy quay mà người dùng có thể điều khiển thông qua giao diện.
Hoàn thiện và triển khai trên web
Sau khi hoàn tất công cụ cấu hình tương tác, bước cuối cùng là chuẩn bị nó để triển khai trên web, cho phép người dùng truy cập từ trình duyệt của họ.
Xây dựng cho WebGL với Hồ sơ xây dựng
Để triển khai trình cấu hình của bạn lên WebGL, hãy sử dụng tùy chọn Web làm nền tảng. Truy cập File > Build Profiles và chọn Web làm nền tảng mục tiêu ở phía bên trái cửa sổ. Hãy đảm bảo cảnh bạn muốn xây dựng có trong danh sách Cảnh và xóa bất kỳ cảnh nào khác mà bạn không muốn sử dụng.
Để triển khai trình cấu hình của bạn lên WebGL, hãy sử dụng tùy chọn Web làm nền tảng.
Nếu bạn thấy thông báo "No Web module loaded" kèm theo nút " Install with Unity Hub" , bạn cần cài đặt mô-đun WebGL Build Support . Nhấp vào nút cài đặt và Unity Hub sẽ tải xuống và cài đặt mô-đun Hỗ trợ Biên dịch WebGL. Bạn cần khởi động lại Trình chỉnh sửa để tải mô-đun mới.
Sau khi cài đặt mô-đun Hỗ trợ Biên dịch WebGL, hãy cấu hình các thiết lập biên dịch, bao gồm các tùy chọn nén kết cấu, mức độ tối ưu hóa mã và các ràng buộc bộ nhớ phù hợp cho việc triển khai trên trình duyệt.
Sau khi chuyển sang nền tảng WebGL, hãy xem lại Cài đặt Trình phát để tối ưu hóa cho web. Vào Edit > Project Settings > Player và chọn tab Web . Trong phần Cài đặt xuất bản , bạn có thể đặt Định dạng nén thành Brotli (được khuyến nghị cho kích thước tệp nhỏ hơn). Xem tài liệu hướng dẫn cài đặt Web Player của Unity để biết hướng dẫn chi tiết về cách tối ưu hóa các cài đặt này.
Khi mọi thứ đã sẵn sàng, hãy nhấp vào "Xây dựng và Chạy" . Unity sẽ tạo một thư mục chứa mọi thứ cần thiết để khởi chạy trình cấu hình của bạn trong trình duyệt web. Trình duyệt sẽ tự động mở và bạn sẽ thấy quá trình biên dịch diễn ra trơn tru. Nếu bạn chỉ nhấp vào nút Build , bạn sẽ cần lưu trữ kết quả trên máy chủ web cục bộ hoặc từ xa. Unity cũng cung cấp tùy chọn lưu trữ thông qua Unity Play . Nếu bạn đang sử dụng Unity 6.1 trở lên, Unity cung cấp tùy chọn xuất bản trực tiếp lên Unity Play từ Cài đặt Bản dựng WebGL.
Giờ đây, bạn sẽ thấy một cửa sổ trình duyệt mở ra và ứng dụng của bạn đã hoạt động.
Kiểm thử và đăng tải trực tuyến
Hãy kiểm tra trình cấu hình của bạn trên các trình duyệt và thiết bị khác nhau để đảm bảo hiệu suất ổn định. Các thành phần trong gói hoạt động tốt trong các bản dựng WebGL, nhưng hãy xem xét hiệu suất của việc chuyển đổi biến thể trên các thiết bị mục tiêu và điều chỉnh độ phức tạp cho phù hợp.
Unity tạo một thư mục xây dựng hoàn chỉnh chứa tệp index.html, dữ liệu trò chơi đã nén và tất cả các tài nguyên cần thiết. Thư mục này có thể được lưu trữ trên bất kỳ máy chủ web tiêu chuẩn nào, giúp bạn có thể truy cập trình cấu hình của mình thông qua bất kỳ trình duyệt web hiện đại nào.
✓ Thành công cuối cùng : Giờ đây bạn đã có một công cụ cấu hình sản phẩm hoạt động. Thư mục build của bạn cần chứa một tệp index.html, khi được mở trong trình duyệt (hoặc được lưu trữ trên máy chủ web), sẽ hiển thị mô hình 3D của bạn với các nút tương tác Red Metal và Blue Metal cho phép thay đổi lớp hoàn thiện của mô hình theo thời gian thực.
Không bắt buộc: Tạo môi trường công nghiệp chân thực
Để có bài thuyết trình chuyên nghiệp hơn, hãy cân nhắc thêm một trong các gói môi trường từ Asset Store của Unity. Unity cung cấp các môi trường công nghiệp chính thức như Unity Factory và Unity Warehouse , hoặc bạn có thể tìm kiếm các thiết lập studio gọn gàng với cấu hình ánh sáng và xử lý hậu kỳ được thiết lập sẵn. Các gói phần mềm này cung cấp nền tảng cho việc trực quan hóa sản phẩm một cách chân thực mà không cần tạo môi trường phức tạp. Ngoài ra, Unity Hub còn bao gồm mẫu cảnh 3D URP , minh họa các thiết lập chiếu sáng và kết xuất tối ưu.
Không bắt buộc: Giao diện người dùng nâng cao với UI Toolkit
Để phát triển giao diện người dùng nâng cao hơn, Unity cung cấp UI Toolkit , dựa trên các phương pháp phát triển web, sử dụng các cấu trúc tương tự như CSS và XML (trong UI Toolkit, các cấu trúc tương đương được gọi là USS và UXML). Việc xây dựng giao diện cấu hình bằng UI Toolkit đòi hỏi một số thao tác lập trình bằng C# để định nghĩa và thiết lập thời gian cho chức năng của các nút. Điều này là do UI Toolkit không cung cấp sẵn cách thức kết nối các lần nhấp chuột vào nút với chức năng. Giao diện người dùng của dự án mẫu được xây dựng bằng Unity UI Toolkit, cung cấp những hiểu biết giá trị về triển khai.
Dưới đây là một đoạn trích mã nhỏ minh họa cách làm cho một nút cụ thể (có tên là "change") thực hiện một hành động được xác định từ thành phần chọn biến thể:
using IndustryCSE.Tool.ProductConfigurator.Runtime;
using UnityEngine;
using UnityEngine.UIElements;
public class SimpleUIController : MonoBehaviour
{
[SerializeField]
private VariantSelect variantSelect; // Reference to the VariantSelect instance
[SerializeField]
private UIDocument uiDocument; // Reference to the UI Document
private void Start()
{
if (variantSelect == null || uiDocument == null) return;
// Get the root visual element
var root = uiDocument.rootVisualElement;
// Query the button named "change"
var changeButton = root.Q<Button>("change");
if (changeButton != null)
{
// Add a callback to the button
changeButton.clicked += () =>
{
variantSelect.SelectVariant(); // Trigger the variant selection
};
}
}
}
Để tìm hiểu cách thêm nút vào giao diện người dùng bằng UI Toolkit, hãy xem hướng dẫn này trên Unity Learn .
Không bắt buộc: Chức năng biến thể nâng cao
Ngoài việc thay đổi vật liệu cơ bản, gói phần mềm này còn hỗ trợ các biến thể hoạt hình và biến đổi để trình diễn sinh động. Hãy sử dụng chúng cho các sản phẩm có bộ phận chuyển động, linh kiện điều chỉnh được hoặc các tính năng cần được trình bày bằng hình ảnh động. Các biến thể Transform xử lý các thay đổi về vị trí, xoay và tỷ lệ, trong khi các biến thể Animation thể hiện chức năng hoặc cung cấp các hiệu ứng chuyển tiếp hấp dẫn. Những tính năng nâng cao này hoạt động rất hiệu quả khi bạn muốn giới thiệu chức năng sản phẩm hoặc tạo trải nghiệm cấu hình hấp dẫn hơn.
Ngoài việc thay đổi vật liệu cơ bản, bạn cũng có thể sử dụng các biến thể hoạt hình và biến đổi để trình diễn một cách sinh động.
Giờ bạn đã có kiến thức cơ bản để xây dựng một trình cấu hình sản phẩm bằng gói Industry Product Configurator của Unity. Cho dù bạn đang xây dựng cho các sản phẩm tiêu dùng, thiết bị công nghiệp hay trực quan hóa kiến trúc, nền tảng này cung cấp mọi thứ cần thiết để tạo các công cụ cấu hình hấp dẫn, thúc đẩy kết quả kinh doanh.
