Ask Your Question

ros3djs URDF not visible, but mesh loading works?

asked 2019-04-20 21:20:19 -0500

agurman gravatar image

Hey guys,

Im trying to use ros3djs to setup a web interface and load my URDF. I've seen this problem around on the net but nobody seems to have a fix for it? My urdf just isn't loading however there is no visible errors. Below is how i am currently loading in the urdf:

this.rosBridgeServer = new ROSLIB.Ros({
  url: 'ws://localhost:9090'
//Create 3D Ros viewer.
this.rosViewer3D = new ROS3D.Viewer({
  divID :,
  width : 800,
  height : 600,
  antialias : true,
  intensity : 0.05,
  background : '#303030'

// Add a grid.
this.rosViewer3D.addObject(new ROS3D.Grid());

// Setup a client to listen to TFs.
this.rosTFClient = new ROSLIB.TFClient({
  ros : this.rosBridgeServer,
  angularThres : 0.01,
  transThres : 0.01,
  rate : 10.0

// Setup the URDF client.
this.rosUrdfClient = new ROS3D.UrdfClient({
  ros : this.rosBridgeServer,
  tfClient : this.rosTFClient,
  path : '',
  rootObject : this.rosViewer3D.scene,
  param: 'robot_description'

I am using the following library versions (where ros3djs is the most recent version downloaded for local debugging):

<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src="/js/ros3d.js"></script>

All my mesh files are in both .stl and .dae, i know the collada loader is working because i can load a mesh completely fine by using the ros3djs MeshResource:

const mesh = new ROS3D.MeshResource({
    resource: 'warthog_description/meshes/chassis.dae',
    path: 'http://localhost:3000/',
    warnings: true


and in ros3d.js in the Urdf class if i make the following change to load the meshes instead of the SceneNode all the meshes from the urdf file are loaded (but of course not correctly linked to their respective TF's as SceneNode does)

Line 54670 from ros3d.js:

// ignore mesh files which are not in Collada or STL format
if (fileType === '.dae' || fileType === '.stl') {
  // create the model
  var mesh = new MeshResource({
    path : path,
    resource : uri,
    loader : loader,
    material : colorMaterial

  // check for a scale
  if(link.visuals[i].geometry.scale) {

  // create a scene node with the model
  var sceneNode = new SceneNode({
    frameID : frameID,
    pose : visual.origin,
    tfClient : tfClient,
    object : mesh
  // this.add(sceneNode);
} else {
  console.warn('Could not load geometry mesh: '+uri);
edit retag flag offensive close merge delete

1 Answer

Sort by ยป oldest newest most voted

answered 2019-04-21 00:24:54 -0500

agurman gravatar image

Issue solved!

For anyone who run's into this issue, my problem was that the tf2_web_republisher node wasn't running. This meant the meshes where getting no transform. I added the republisher to a launch file and it worked!

edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account.

Add Answer

Question Tools

1 follower


Asked: 2019-04-20 21:20:19 -0500

Seen: 116 times

Last updated: Apr 21 '19