Three.js Object3d вращение цилиндра для выравнивания по вектору

Я искал далеко и широко, но не могу понять эту довольно простую вещь. Я видел другие примеры на stackoverflow и в других местах, сделанные год или два назад, но они не работают с последней версией Three.js.

Вот версия того, над чем я работаю: http://medschoolgunners.com/sandbox/3d/.

Я пытаюсь заставить серый конус точно выровняться с немеченым красным вектором. Т.е. я хочу, чтобы вершина конуса была точно выровнена с вектором и указывала из начала координат в этом направлении.

Вот код, который у меня есть сейчас:

    //FUNCTION TO CREATE A CYLINDER
function create_cylinder(radiusTop,radiusBottom, height, segmentsRadius, segmentsHeight, openEnded, color)
{
var material = new THREE.MeshLambertMaterial({
    color: color, //0x0000ff
    opacity: 0.2
});
var cylinder = new THREE.Mesh(new THREE.CylinderGeometry(radiusTop,radiusBottom, height, segmentsRadius, segmentsHeight, openEnded), material);

cylinder.overdraw = true;

return cylinder;
}

//ALIGN THE CYLINDER TO A GIVEN VECTOR
var alignVector=new THREE.Vector3(-50,50,50); //the vector to be aligned with

var newcylinder = create_cylinder(0.1, 10, 40, 50, 50, false, "0x0ff0f0");  // the object to be aligned with the vector above

var cylinderQuaternion = new THREE.Quaternion();
cylinderQuaternion.setFromEuler(alignVector);
newcylinder.useQuaternion = true;
newcylinder.quaternion=cylinderQuaternion;

scatterPlot.add(newcylinder);