THREE.js模型贴花

时间:2013-12-23 09:44:33

标签: javascript three.js webgl collada decal

我正在使用THREE.js来加载collada模型。该模型代表丘陵地形。现在模型有一个重复的纹理(草)。

我要做的是为模型添加贴花(不确定这是否是正确的命名法)。基本上我有一块沙子(decal_sand.png),我想在模型上“粘贴”这个,给定一个x和y值。 (原点)。可选地,沿y轴的一些旋转/应用于它的缩放。可以这样做吗?

我不确定如何做一个JSfiddle,因为我无法在那里加载collada模型?我在这里上传了一个测试用例: http://graphics.tudelft.nl/~bsg201302/decal_testcase/

我在photoshop中掀起了一个例子。沙块需要以编程方式放置在丘陵表面上。 http://graphics.tudelft.nl/~bsg201302/decal_testcase/terrain_decals.png

1 个答案:

答案 0 :(得分:2)

你想要的是纹理喷溅。

以下是一个例子:

https://stackoverflow.com/a/18994814/360770

但是,不应使用地形的高度,而应使用属性来选择应绘制的纹理。