three.js添加CSS2DRenderer对象

初始化

        function initLabelRenderer() {labelRenderer = new THREE.CSS2DRenderer();labelRenderer.setSize(window.innerWidth, window.innerHeight);labelRenderer.domElement.style.position = "absolute";labelRenderer.domElement.style.top = 0;labelRenderer.domElement.style.pointerEvents = "none";document.body.appendChild(labelRenderer.domElement);}

调用

initLabelRenderer();

帧更新时调用

labelRenderer.render(scene, camera);

添加label

var integrator = scene.getObjectByName('圆柱_14');
let laber1Div = document.createElement("div");
laber1Div.className = "integrator-label";
laber1Div.textContent = "integrator";
let label1 = new THREE.CSS2DObject(laber1Div);
label1.position.set(0, 50, 0);
label1.name = "integrator";
integrator.add(label1);