程序效果：

图中是niryo这个开源机械臂的模型

参考文章：

(71 封私信 / 36 条消息) Vue实现利用Three.js导入URDF机械臂模型并控制其运动记录 - 知乎

第一步：下载nodejs

下载最新稳定版即可

第二步：构建vue3项目 vite vue脚手架

参考：前端使用Threejs控制机械臂模型运动(我在CSDN的第一篇文章)_threejs机械臂-CSDN博客

第三步：vscode添加urdf的代码提示插件

第四步：solidwork中导出urdf文件

参考：一起来从Solidworks中导出URDF模型_solidworks导出urdf-CSDN博客

起初看到觉得很复杂，自己做一遍发现也并不简单。开个玩笑，博主写的如此详细我一次按照教程就正确导出了。

第五步：

将urdf文件和stl复制到前端工程中，然后修改urdf的文件路径，默认是package开头的。

项目码云仓库：

simple_web_simulator: 一个基于three.js的机器人仿真工具