A wrapper for gkjohnson/urdf-loaders to visualize ROS animations recorded with ipa-jfh/robot_recorder.
![](https://user-images.githubusercontent.com/17281534/46695927-2b6eeb80-cc11-11e8-8d91-d1ac6bec8810.gif)
![](https://user-images.githubusercontent.com/17281534/46005937-aafba700-c0b6-11e8-9d8f-0148392488f1.gif)
![](https://user-images.githubusercontent.com/17281534/46012246-e30be580-c0c8-11e8-953b-244bf7070d7b.gif)
npm i urdf-animation
-
Download repo and go inside one example
git clone https://github.com/ipa-jfh/urdf-animation cd urdf-animation/docs/mobile_robot_turtlebot3
-
Now either
- Open the
index.html
(this uses the bundled js files) - Install npm packages and open
includes.html
npm install
- Install npm packages and run the webpack-dev-server
npm install sudo npm i webpack-dev-server@2.9.1 -g --save-dev sudo npm i webpack@3.9.0 -g npm start
- Open the
- Create a new npm package
mkdir my_animation && cd my_animation npm init
- In
package.json
add dependecy tourdf-animation
like in example - Install dependecies
npm install
- Copy the template folder`s contest inside your package. E.g.:
cp ./node_modules/urdf-animation/template/* .
- Add your URDF and recorded animation and reference it in the
config.js
file - Further configer the
config.js
file to e.g. adjust camera and lights
=> Now everthing is set-up and you can run the animation (See ### Run the examples locally)