VITALIFY.ASIA logo

Danh mục sản phẩm thế hệ mới: Trưng bày tương tác trên web với URDF

Author profile
Toshihiko Nagaoka13/05/2026
Danh mục sản phẩm thế hệ mới: Trưng bày tương tác trên web với URDF

Trong khuôn khổ dự án nghiên cứu các công nghệ web tiên tiến, chúng tôi đã xây dựng và công bố một showcase có khả năng hiển thị dữ liệu URDF trực tiếp trên trình duyệt và tạo chuyển động mượt mà.

Trang demo: Web URDF Viewer

Tại sao một công ty chủ yếu phát triển game và ứng dụng như chúng tôi lại quan tâm đến URDF, một tiêu chuẩn được sử dụng trong ngành robot?

Trong bài viết này, chúng tôi sẽ chia sẻ lý do và những khả năng mới trong cách giới thiệu sản phẩm trên web.

URDF là gì? Bản thiết kế giúp “bộ não” của robot hiểu cơ thể

URDF, viết tắt của Unified Robot Description Format, có thể hiểu đơn giản là một ngôn ngữ chung dùng để mô tả cấu trúc của robot cho máy tính.

Robot được cấu tạo từ các bộ phận như cánh tay hoặc chân, được gọi là “Link”, và các khớp nối giữa chúng, được gọi là “Joint”. URDF mô tả vị trí của từng bộ phận, hướng chuyển động và phạm vi chuyển động bằng định dạng XML.

Thông thường, URDF là dữ liệu chuyên dụng được sử dụng trong các hệ thống điều khiển robot như ROS, hay Robot Operating System, và trong các mô phỏng vật lý.

Tuy nhiên, chúng tôi nhận thấy khía cạnh “quy tắc chuyển động” của dữ liệu URDF có tiềm năng lớn khi được ứng dụng vào nội dung web.

Tại sao nên đưa URDF lên web vào thời điểm này?

Chúng tôi không phải là chuyên gia về robot. Chúng tôi là đội ngũ kỹ sư hằng ngày nghiên cứu và cải thiện UI/UX cho game và ứng dụng.

Tuy nhiên, khi dữ liệu sản xuất và kiến trúc như CAD và BIM ngày càng được chuyển sang định dạng 3D, chúng tôi gặp một vấn đề mới: làm thế nào để trình bày sản phẩm hiệu quả trên web?

Trước đây, các trang giới thiệu sản phẩm chủ yếu sử dụng hình ảnh và video. Gần đây, nhiều website đã cho phép người dùng xoay mô hình 3D, nhưng vẫn chưa có nhiều nội dung giúp người dùng trực tiếp trải nghiệm bộ phận nào chuyển động và chuyển động như thế nào.

Khi kết hợp URDF với các công nghệ web như Three.js, chúng ta có thể tạo ra những trải nghiệm nâng cao hơn.

Trải nghiệm phạm vi chuyển động

Người dùng có thể thao tác bằng chuột để mô phỏng cánh tay robot có thể vươn xa đến đâu hoặc một cánh cửa có thể mở rộng đến mức nào.

Hiểu rõ cấu trúc sản phẩm

Bằng cách sử dụng đường viền hoặc chế độ hiển thị trong suốt, sản phẩm có thể được trình bày theo phong cách dữ liệu thiết kế, giúp người dùng trực quan hiểu được cấu trúc bên trong.

Hoạt động nhẹ và mượt mà

Dữ liệu CAD phục vụ sản xuất thường có dung lượng lớn, nhưng có thể được tối ưu cho web để hoạt động mượt mà ngay cả trên trình duyệt điện thoại thông minh.

Thổi sức sống vào chuyển động: Góc nhìn của nhà phát triển game

Việc hiển thị và điều khiển dữ liệu URDF có thể thực hiện bằng các thư viện sẵn có. Tuy nhiên, để chuyển động có đặc trưng của sản phẩm và mang lại cảm giác tự nhiên, dễ chịu, cần có thêm những kỹ thuật khác.

Các hoạt ảnh được thiết lập chưa tốt thường tạo cảm giác cứng và quá máy móc. Một khớp chuyển động xong rồi khớp tiếp theo mới bắt đầu, tạo ra những khoảng ngắt không tự nhiên.

Chúng tôi sử dụng kỹ thuật hoạt ảnh tích lũy từ quá trình phát triển game để tạo ra chuyển động có quán tính, sự phối hợp giữa nhiều bộ phận và cảm giác về trọng lượng vật lý.

Nhờ đó, sản phẩm trên màn hình không còn chỉ là dữ liệu 3D, mà trở thành một sản phẩm chuyển động có cảm giác hiện hữu rõ ràng hơn.

Đề xuất của chúng tôi: Danh mục tương tác vượt ra ngoài hình ảnh

Đối với các doanh nghiệp sản xuất và nhà sản xuất máy móc, website hiện tại đã truyền tải đầy đủ sức hấp dẫn của sản phẩm hay chưa?

Có thể quý doanh nghiệp muốn thể hiện độ mượt của một khớp chuyển động hoặc giới thiệu lợi ích của phạm vi hoạt động nhỏ gọn.

Những đặc điểm này có thể được truyền tải sâu sắc hơn bằng nội dung URDF mà người dùng tự thao tác, thay vì chỉ sử dụng hình ảnh tĩnh hoặc video một chiều.

Chúng tôi có thể tiếp nhận dữ liệu CAD và chuyển đổi thành một danh mục digital twin có chuyển động đẹp mắt, trực quan trên web.

Giới thiệu showcase và thông tin liên hệ

Trong showcase lần này, quý vị có thể xem một cánh tay robot chuyển động mượt mà trong không gian được thiết kế theo phong cách tương lai.

Trang demo: Web URDF Viewer

Xin vui lòng liên hệ với chúng tôi khi quý doanh nghiệp có những câu hỏi như:

“Sản phẩm của chúng tôi có thể được trưng bày chuyển động như thế này không?”

“Chúng tôi muốn sử dụng dữ liệu CAD để phát triển nội dung trên web.”

Bằng năng lực kỹ thuật và khả năng trình bày sáng tạo, chúng tôi hỗ trợ tối đa hóa sức hấp dẫn và giá trị của sản phẩm quý doanh nghiệp.

Đừng để ý tưởng chỉ nằm trên giấy. Với tốc độ và sự linh hoạt đã được chứng minh qua 1.000+ dự án, chúng tôi sẽ giúp doanh nghiệp của bạn bứt phá.

Nhận tư vấn miễn phí ngay
#XR & 3D Web

Bài viết liên quan về "XR & 3D Web"

3D Tiles là gì? Giải thích toàn diện từ khái niệm cơ bản đến xu hướng mới và các trường hợp ứng dụng

3D Tiles là gì? Giải thích toàn diện từ khái niệm cơ bản đến xu hướng mới và các trường hợp ứng dụng

Toshihiko Nagaoka17/07/2026

3D Tiles là tiêu chuẩn mở để truyền tải dữ liệu địa không gian 3D quy mô lớn. Bài viết giải thích HLOD, bounding volume, tileset.json, khác biệt giữa phiên bản 1.0 và 1.1, ứng dụng trong PLATEAU, Google Photorealistic 3D Tiles và cách CesiumJS kiểm soát LOD cho nhiều tileset.

Trình xem BIM Web hiệu năng cho IFC lớn

Trình xem BIM Web hiệu năng cho IFC lớn

Thinh Tran10/07/2026

Khám phá cách giải quyết bài toán hiển thị mô hình BIM (IFC) quy mô lớn trên trình duyệt web bằng phương pháp phân tách thành tệp GLB.

GLB Texture Editor: Chỉnh sửa texture 3D

GLB Texture Editor: Chỉnh sửa texture 3D

Thinh Tran10/07/2026

GLB Texture Editor là công cụ web cho phép tải lên mô hình GLB, chỉnh sửa texture, màu sắc, vật liệu, UV và Projection Mapping, đồng thời xem kết quả theo thời gian thực. Phù hợp cho thương mại điện tử 3D, kiến trúc, Digital Twin, game và XR.

I'm Duper, ask me anything!