Javascript 获取collada模型在three.js中的位置

Javascript 获取collada模型在three.js中的位置,javascript,jquery,css,three.js,webgl,Javascript,Jquery,Css,Three.js,Webgl,我用css创建了一个简单的生活条 #enemy { background-color: black; border-radius: 7px; padding: 3px; width: 100px; } #enemy div { background-color: green; width: 100%; height: 20px; border-radius: 5px; } 我必须移动我的collada模型头部的杆。如何使用jQ

我用css创建了一个简单的生活条

#enemy {
    background-color: black;
    border-radius: 7px;
    padding: 3px;
    width: 100px;
}

#enemy div {
    background-color: green;
    width: 100%; 
    height: 20px;
    border-radius: 5px;
}
我必须移动我的collada模型头部的杆。如何使用jQuery将模型的位置分配给条形图?这是我试过的代码,但不起作用

    var count =0;
        for (var i = ai.length-1; i >= 0; i--) {
            var a = ai[i];
            // Move AI
        var r = Math.random();
            var c = getMapSector(a.position);

$('#enemy div').css({'position':'relative', 'top':c.z, 'left':c.x,});

            if (c.x < -1 || c.x > mapW || c.z < -1 || c.z > mapH) {
                ai.splice(i, 1);
                scene.remove(a);
                addAI();
            }
            }


function getMapSector(v) {
    var x = Math.floor((v.x + UNITSIZE / 2) / UNITSIZE + mapW/2);
    var z = Math.floor((v.z + UNITSIZE / 2) / UNITSIZE + mapW/2);
    return {x: x, z: z};
}
var计数=0;
对于(变量i=ai.length-1;i>=0;i--){
var a=ai[i];
//移动AI
var r=Math.random();
var c=getMapSector(a.位置);
$(#敌方div').css({'position':'relative','top':c.z',left':c.x,});
如果(c.x<-1 | | c.x>mapW | | c.z<-1 | | c.z>mapH){
ai.拼接(i,1);
场景。移除(a);
addAI();
}
}
函数getMapSector(v){
var x=数学楼层((v.x+UNITSIZE/2)/UNITSIZE+mapW/2);
var z=数学楼层((v.z+UNITSIZE/2)/UNITSIZE+mapW/2);
返回{x:x,z:z};
}

模型是在画布中渲染的唯一对象,还是在画布中查找模型渲染位置的像素位置?如果是前者,则需要在画布所在位置上方放置横杆。@Jacob不,有多个模型,我必须在每个模型上放置横杆。