title: Combining A-frame with Three.js
body: <p>I was wondering...</p>
  
  <p>Is it possible to add Three.js elements to a A-frame scene?
  Assuming A-frame is built upon Three.js, and </p>
  
  <pre><code>three Version: ^0.74.0
  </code></pre>
  
  <p>is logged into your console it shouldn't be a weird thing right?</p>
  
  <p>I tried this code onto my A-frame scene element:</p>
  
  <pre><code>let scene = document.getElementsByTagName('a-scene');
  console.log(scene);
  
  var sphereMaterial = new THREE.MeshLambertMaterial( {  } );
  var sphere = new THREE.Mesh( new THREE.SphereGeometry( 15, 10, 10 ), sphereMaterial );
      sphere.position.set(150, 20, -170);
      scene.add( sphere );
  </code></pre>
  
  <p>But it doesnt work because the scene object doesnt have a add function.. Maybe because the A-frame scene is not an instance of a normal WebGLRenderer?</p>
  
  <p>Does anybody have experience with this? It would be very awesome!</p>