javascript - three.jsでcolladaモデルの位置を取得する

Question

css を使用してシンプルなライフバーを作成しました。

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

#enemy div {
    background-color: green;
    width: 100%; 
    height: 20px;
    border-radius: 5px;
}

コラーダ モデルの頭の上にバーを移動する必要があります。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};
}