我有一个想在场景中绘制的Three.js模型,该怎么做?我希望能够在场景模型上进行“涂鸦”
看这个例子
https://stemkoski.github.io/Three.js/Texture-From-Canvas.html
您将2d画布用作要在其上“绘制”对象的纹理
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场景而不是画布)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句