Three.js: Dynamically scale/rotate alpha mask-- best practices 2018? - three.js

I have a diffuse image and a greyscale alpha mask that work when combined in a material--
map: diffuse image,
alphaMap: greyscale image,
transparent: true
example here--> http://instantplaces.ca/gsap-180606-1/mask-180630-1.html
What is the best way using current three.js to dynamically rotate and/or scale the alpha mask separately from the diffuse image?

Related

How to prevent Effectscomposer from breaking material transparency

I have a bunch of planes with a shader material that draws a radial gradient from transparent to a defined color.
As soon as I add an Effectscomponent from drei with an unrealBloomPass, my scene looks like that:
How can I keep the transparency of my materials on each plane?

3ds Max -> three.js opacity map

I'm adding an opacity map with an alpha channel to my standard material in my .max file. The opacity map does not work/show after translated into three.js. Properties like texture, color, roughness etc are visible and working. The only problems seems to be with this alpha channel.
Should I follow any extraordinary steps for bringing the opacity map into three.js?
As far as I know SVF doesn't support transparency map. The best you can do to have some transparency is to set the transparency color for physical material or the opacity value for standard material inside of 3ds Max. However, this will apply transparency on your entire material.

Glowing shader for PNG texture in Three.JS

I have arbitrary PNG with a silhouette. Could use it to texture plane in Three.js.
Transparency works fine. But I need to create dynamic glowing around given shape.
More likely, have to use a shader, but could find any reliable example with texture, not object.
Is it possible to make it or the only way is to convert the shape to OBJ or any other format and to apply a glowing shader to mesh, like here?

threejs specColor with alpha channel

i need to import some geometries in my scene with three.js and each one specifies an RGBA color and an RGBA specular color. In threejs there is a problem, because it seems that it handles just RGB colors, with an alpha property for the whole object. But I need two separate values for the alpha: one for the color and one for the specular color.

Transparent texture with OpenGL ES without using the alpha channel

Is it possible with OpenGL ES to texture a quad in such a way that all pixel (0,0,0) of the texture are not drawn while all the others are drawn? I have RGB888 images and the black color (0,0,0) is to be considered as completely transparent, while the other colors are completely opaque.
Thx
You could apply a fragment shader which sets the alpha color for pixels with RGB=(0,0,0) to 0. See here for details on writing a fragment shader.

Resources