title: Threejs - How to remove cloned collada object
body: <p>Hi I have a collada file and loaded it.
  Step1: Load collada:</p>
  
  <pre><code>    loader = new THREE.ColladaLoader(manager);
      loader.options.convertUpAxis = true;
      loader.load("/collada/monster.dae",
          function (collada) {
          android = collada.scene;
          skin = collada.skins[0];
          android.scale.set(1, 1, 1);
      });
  </code></pre>
  
  <p>Step 2: Clone collada and add eventcontrol for remove object</p>
  
  <pre><code>var eventControl = initEventsControls();
  cloneMonster = android.clone();
  cloneMonster .position.set(100, 0, 100);
  eventControl.attach( cloneMonster );
  scene.add(cloneMonster );
  </code></pre>
  
  <p>Step 3: On initEventsControls() function for remove object on click</p>
  
  <pre><code>function initEventsControls() {
      var eventControls = new EventsControls(camera, renderer.domElement);
      eventControls.map = plane;
      eventControls.attachEvent('mouseOver', function () {
          this.container.style.cursor = 'pointer';
      });
  
      eventControls.attachEvent('mouseOut', function () {
          this.container.style.cursor = 'auto';
      });
  
      eventControls.attachEvent('onClick', function () {
          this.intersects[ 0 ].object.remove();
      });
  
      var Scale = new THREE.Vector3(10, 10, 10);
      eventControls.scale.copy(Scale);
      eventControls.offsetUse = true;
  
      return eventControls;
  }
  </code></pre>
  
  <p>But It doesn't remove object when I click object.</p>
  
  <p>How to remove cloned collada object?</p>