如何在三.js模型上绘制

How can I draw on a three.js model?

本文关键字:模型 绘制 js      更新时间:2023-09-26

我想在场景中绘制一个三.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
  );

当画布被改变时,你必须设置需要更新纹理等。

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