Currently, I am utilizing THREE.js to load a collada model that portrays a terrain filled with hills. The model itself sports a repetitive grass texture. However, I am interested in incorporating decals (if that's the correct term) onto the model. Specifically, I have a sandy patch (decal_sand.png) that I would like to place on the model at designated coordinates (x and y values) with the option to apply rotation along the y-axis and scaling as needed. Is this something that can be accomplished?
I am uncertain of how to showcase this on JSfiddle since collada models cannot be loaded there. For reference, I have uploaded a test case at the following link:
To provide a visual representation, I created an example in Photoshop where the sandy patches need to be strategically positioned on the uneven surface: