So iam newbie in three.js and i dont know if there is a way to solve that what i want.
I need a mask of an object, that is behind of other objects, to fill it with html content.
Lets say i have a cube and a simple sprite behind like this:
… after that, i need a mask for the sprite like this:
All other objects should be black, only the sprite is white in that mask.
After that i want to render only the cube in a canvas (not the original sprite, thats only used for the mask)
In the white area of the mask should be the html content, what got the 2d position of the 3d sprite.
Maybe there are other ways, i dont know. The target is, to show html content in a mask on the screenspace position. Anyone can help or maybe know an easier way to do that?