我如何在three.js模型上绘图？

Question

我想在场景中绘制一个three.js模型，我该怎么做？我希望能够在我的场景模型上“涂鸦”

Answer 1

看一下这个例子

https://stemkoski.github.io/Three.js/Texture-From-Canvas.html

你使用2d画布作为你想要的对象的纹理＆＃34;画＆＃34;

var canvas = document.createElement('canvas');
var texture = new THREE.Texture(canvas);
var material = new THREE.MeshBasicMaterial( {map: texture, side:THREE.DoubleSide } );
var mesh = new THREE.Mesh(
    new THREE.PlaneGeometry(canvas.width, canvas.height),
    material
  );

当画布改变时，你必须设置纹理等的needsUpdate。

看一下RTT的例子（渲染到纹理）http://threejs.org/examples/webgl_rtt.html 在那里你可以看到类似的过程（使用3D场景而不是画布）