如何绘制Three.js模型?

里斯·亚伦·莱克里瓦因

我有一个想在场景中绘制的Three.js模型,该怎么做?我希望能够在场景模型上进行“涂鸦”

德特·特德尼克(Derte Trdelnik)

看这个例子

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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

sails.js:如何更新模型

来自分类Dev

Three.js-如何使用BufferGeometry绘制不连续的线?

来自分类Dev

Three.js最复杂的模型

来自分类Dev

Sails.js-如何更新嵌套模型

来自分类Dev

如何使用three.js绘制自定义3d曲面?

来自分类Dev

如何将MVC模型数据与Angular JS模型链接

来自分类Dev

Three.js导入的模型抗锯齿

来自分类Dev

如何在three.js中绘制朝我移动的两个矩形?

来自分类Dev

Three.js-比例模型

来自分类Dev

如何使用THREE.js在平面上绘制SVG元素?

来自分类Dev

如何绘制Three.js模型?

来自分类Dev

Three.js透明模型纹理错误

来自分类Dev

在Three.js中绘制网格的边缘

来自分类Dev

如何用Three / js和oimo.js抵消模型冲突

来自分类Dev

如何将three.js模型移到屏幕右侧?

来自分类Dev

THREE.js中未绘制低比例模型

来自分类Dev

Three.js模型质量很差

来自分类Dev

使用Three.js加载Maya模型

来自分类Dev

Three.js-如何使用BufferGeometry绘制不连续的线?

来自分类Dev

如何在Three.js中绘制一个costom立方体?

来自分类Dev

Angular JS:如何使用数组作为模型?

来自分类Dev

如何使用three.js绘制自定义3d曲面?

来自分类Dev

如何将MVC模型数据与Angular JS模型链接

来自分类Dev

Three.js导入的模型抗锯齿

来自分类Dev

如何更新Backbone JS模型属性?

来自分类Dev

如何使用Sails JS更新模型

来自分类Dev

THREE.js 加载 json 模型失败

来自分类Dev

如何使用three.js加载VRML模型(wrl)

来自分类Dev

如何在three.js中从BufferGeometry绘制2D/3D网格