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
Problem with uvs on the plane Questions textures	5	434	January 24, 2020
How to fit the texture to the plane Questions textures	3	4765	May 23, 2024
Fit image texture aspect ratio to size of plane Questions textures	3	4837	June 22, 2021
Custom cover() function for mimicking css background-size 'cover' for shaders, OrthographicCamera, TextureLoader, and PlaneBufferGeometry Questions texture-loader , shaders , orthographic-camera	10	640	March 18, 2024
PlaneGeometry with different materials + uv mapping Questions uv-mapping	1	1059	January 9, 2022

How can I get a covered texture on a PlaneGeometry?

Related topics