Plane doesnt cover the whole picture

[mrdoob]

Plane doesnt cover the whole picture

[mrdoob]

Try detailing what are you doing, with code snippets. Oh, and also try disabling that Advertising that pops on top. I feel discouraged to help anyone that spams me with Ads.

[Johannesb]

I have edited it.

[Johannesb]

Have you found an error?

[mrdoob]

Do you have 2 planes in the same position?

[Johannesb]

No,

Line 282: plane.position.x = x;
Line 292: plane2.position.x = x+1;

When I enlarge the distance between them, I still have the problem.

Does the semi-transparant plane hover before the image, or is it positioned at the exact same position as the image?
If it is the latter, you should try the hover-option, and make sure that not only the x += 1 but maybe it is in the z direction? (I didn't check your code in-depth)

[mrdoob]

Doing this will work with WebGL, but the way canvas work is too imprecise and you'll get this kind of artefacts.

As I mention before, the best way to achieve what you're trying to do is with just a single plane and directly modifying the texture that the plane uses when rollovering.

Thanks for that answer mrdoob, I'll keep that in mind for my projects as well.

[Johannesb]

ok, thanks for your answers.