Hi everyone I’m a novice to webgl and recently try to simply map a texture on a PlaneBufferGeometry. It works but as you can see the image is squished on the plane, while I would like to get the same effect as a background-size: cover; css property. [image] My vertex shader is written like so v…

@rmonell Feel free to search the forum: Responsive texture on resizable plane :slight_smile: or Stackoverflow: [Mugen87] Three.js don't strecht mesh texture (image) - make it cover its container javascript, css, three.js answered by Mugen87 on 02:49PM…

How can I get a covered texture on a PlaneGeometry?

Questions

prisoner849 November 11, 2020, 7:27pm 7

@rmonell
Feel free to search the forum: Responsive texture on resizable plane
or Stackoverflow:

2 Likes

Topic		Replies	Views
How to fit the texture to the plane Questions textures	3	4985	May 23, 2024
How to keep aspect ratio of an image as texture of a shader material? Questions materials , shaders	5	5948	February 12, 2020
"Fill" texture on a Plane using uv manipulation Questions textures , uv-mapping , plane	4	3098	August 21, 2021
Fit image texture aspect ratio to size of plane Questions textures	3	5353	June 22, 2021
Problem with uvs on the plane Questions textures	5	485	January 24, 2020

How can I get a covered texture on a PlaneGeometry?

Related topics