Hey all, I generate four planes through a loop and filling them with the corresponding texture from my image-folder. The problem is, that the images are stretched and don’t have the correct aspect ratio based on the width and height of the plane. I already googled and found some topics based on sim…

Does the following topic answer your question? [image] How to fit the texture to the plane Questions I’m trying to fit the texture to the plane, someone knows how to do it, I want to do the same result as background-size: cover in CSS

I tried this approach before, don’t ask me why it didn’t work before, but now it did ;D Huge thanks to you @Mugen87 !! Just for the knowledge, why does running this part of your code work like this: let texture = new THREE.TextureLoader().load(`/img/${i}.jpg`, () => { cover(texture, 1.8 / 2…

Although, in comparison, the texture is still compressed on the vertical axis compared to the original picture, as you see here in the screenshots: Left is the original, right is the texture on the website. [Bildschirmfoto 2021-06-22 um 10.15.02] Here for example you can see clearly that the one…

Fit image texture aspect ratio to size of plane

Questions

Mugen87 June 21, 2021, 6:34pm 2

Does the following topic answer your question?

Topic		Replies	Views
How can I force a texture to fit a Plane without change it ratio Questions textures	6	5036	July 8, 2021
How to fit the texture to the plane Questions textures	3	5009	May 23, 2024
How to set the size of a texture image on a material? Questions textures , materials , threejs	2	3697	June 25, 2023
PlaneGeometry ratio matching texture image size and wrong image.width/image.height values returned Questions geometry , texture	2	561	April 19, 2022
How do we scale the PlaneGeometry based on the aspect ratio Questions geometry	2	760	May 3, 2023

Fit image texture aspect ratio to size of plane

Related topics