javascript - three.jsでObject3D要素をドラッグアンドドロップする方法は?

Question

この例をドラッグ アンド ドロップ オブジェクトに使用しましたが、完璧に機能します。しかし今、いくつかの要素をグループ化してドラッグ アンド ドロップしたいと考えています。例のキューブをいくつかの球体に置き換え、それらを Object3D() でグループ化しました。

var data = [[0,10],[50,20],[100,7],[150,18],[200,15],[250,3],[300,10],[350,25]];
var group = new THREE.Object3D();
    for(var i = 0; i< data.length; i++){            
        var mesh = new THREE.Mesh( new THREE.SphereGeometry(data[i][1],20,20), sphereMaterial);
        mesh.position.y = data[i][0];
        mesh.updateMatrix();
        group.add(mesh);            
    }
objects.push(group);
scene.add(group);

しかし、シーンでこのオブジェクトのグループを選択できません :( 私が間違っているのは何ですか? グループを選択することはできませんか? または、どのように見える必要がありますか?