Using Three.js with Framer about framer HOT 7 CLOSED

Ah, sorry. This works for me:

layer = new Layer();
layer.html = "<canvas></canvas>"
renderer = new THREE.WebGLRenderer({canvas: layer._elementHTML.childNodes[0]});

from framer.

Try:

Utils.domComplete(function() {
  var canvas = document.getElementById("threeCanvas");
  var renderer = new THREE.WebGLRenderer({ canvas: canvas });
})

from framer.

Or actually, this would be better:

var layer = new Layer({...})
var renderer = new THREE.WebGLRenderer({canvas: layer._element});

from framer.

Hmmm... Same issue with both solutions. Thanks for your help.

from framer.

Dude! You're awesome!

from framer.

Let me know how mixing Framer and Three goes. Pretty curious.

from framer.

We've been using Framer to prototype VR interfaces within the limits of 2D UI and skyboxes. It would be really, really nice if Framer embraced support for libraries such as Three.js with the traditional friendly approach.
Sometimes we just need to go to Unity, which sounds a little overkill for many designers.

from framer.