《机器人Web前端可视化》课程简介

0 阅读2分钟

课程链接:www.bilibili.com/cheese/play…

面向人群

Web前端可视化开发者

课前准备

具备Web前端开发基础,比如html+css+js 基础、vue基础。

为什么要学习机器人Web前端可视化?

  • 机器人行业前景广阔,具有巨大的发展潜力和市场空间。

2026021713242822098

  • 机器人的前端可视化在机器人开发、运维和交互体验层面都是至关重要的。

image-20260406113825859

为什么要选择这个课程?

实战性强:本课程源自我在傅里叶动力和小米机器人的多年的实战经验,会详解机器人在web前端可视化时需要具备的专业知识,比如机器人的图形树的构建规则、机器人的运动规则等。

image-20260302220516778

注:此图是小米宣发里的图,不涉及保密问题。

:本课程包含近年机器人在web前端可视化方面的常见需求点,比如统一机器人描述格式的解析、机器人常用的静态资产格式的解析等。

image-20260325202333153

详细:本课程讲得很细,细到URDFLoader源码详解,用图形学详解关节的拖拽变换算法,用质量公式详解质心,用微积分推导惯性矩等。

image-20260205163548439

image-20260203223616914

内容全面:本课程涵盖机器人URDF 模型的解析、渲染、交互、实时动画,以及静态资产的解析、渲染等。

动画

课程亮点

  • urdf 模型的加载、解析和渲染。

image-20260330194046973image-20260124172043198

  • 机器人的交互控制,如机器人关节的拖拽旋转。

dragRotate

  • 机器人坐标系、质心、碰撞体、惯性矩的可视化。

image-20250801154231967

  • 机器人实时动画缓冲技术。

    image-20260305172256535

动画

  • usda 静态资产的定制化解析。

image-20260321085314623

课程目录

  1. urdf-loader简介
  2. 初始项目的搭建
  3. 解析URDF文件
  4. 用form控制URDF模型
  5. joint的拖拽旋转
  6. joint的拖拽推拉
  7. joint 拖拽变换辅助路径
  8. 信息提示面板
  9. 辅助对象-关节坐标系
  10. 辅助对象-碰撞体
  11. 辅助对象-质心
  12. 辅助对象-惯性矩
  13. 实时动画缓冲
  14. usda模型的定制化解析

课程收获

  • 对机器人的URDF模型有一个透彻的认知
  • 掌握机器人Web前端可视化的核心能力
  • 拥有机器人相关公司的面试优势

本课程不会涉及任何我所从事过的公司任何机密信息。

课程里的URDF模型用的是开源模型,比如宇树H1机器人,Ros2的PR2机器人;

渲染引擎用的是three.js;

urdf 模型的解析和加载是参考的urdf-loader;

机器人辅助对象的可视化是参考的rviz;

usda 模型的解析参考的是three.js的USDLoader。