使用精灵

Question

我有一个名为'cubeAndLabelContainer'的父容器，里面有一个立方体和一个标签（精灵）。

问题是标签的枢轴位置与立方体的位置不同，即使网格和精灵都是'cubeAndLabelContainer'的一部分：

var cubeAndLabelContainer;

function initObjects()
{
    cubeAndLabelContainer = new THREE.Object3D();

    var cube  = _createCube();
    var label = _createLabel();

    cube.position.set( 0, 0, 0 );
    label.position.set(0, 20, 0 );
    cubeAndLabelContainer.position.set( 0, 0, 0 );

    cubeAndLabelContainer.add( cube );
    cubeAndLabelContainer.add( label );

    scene.add( cubeAndLabelContainer );
}

标签应围绕立方体旋转，但它们看起来像两个以相同速率旋转的独立物体。

http://codepen.io/anon/pen/pRpgPp

如果我向'cubeAndLabelContainer'添加更多网格，它们的旋转和位置非常精细并且相对于彼此正确对齐。但是当我对精灵做同样的事情时，由于某种原因，枢轴是不同的。

有什么建议吗？