URDF Loader for THREE.js and webcomponent viewer
npm install ircp-urdfjs
import { LoadingManager} from 'three';
import * as THREE from 'three';
import URDFLoader from 'ircp-urdf';
import URDFManipulator from 'ircp-urdf/src/urdf-manipulator-element';
const manager = new LoadingManager();
customElements.define('urdf-viewer', URDFManipulator)
`
然后在页面的模板上加上html标签
`html
`
在页面加载完成之后,首先获得该dom作为JavaScript对象,然后将它的urdf属性赋给模型所在的网址,就会自动加载模型。
注意模型很大,加载时间很慢。
`js
var viewer1 = document.getElementById('aaa');
viewer1.urdf='http://115.236.52.123:8329/scr5_description/robots/scr5_description.urdf'
viewer1.camera.position.set(1, 1, 1);
``