模型上的三个.js 贴花

Question

我正在使用 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

Answer 1

您想要的称为纹理飞溅。

这是一个例子：

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

但是不要使用地形的高度，你应该使用一个属性来选择应该绘制哪个纹理。