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	395	January 24, 2020
How to fit the texture to the plane Questions textures	2	4263	January 11, 2020
Fit image texture aspect ratio to size of plane Questions textures	3	4084	June 22, 2021
How to keep a constant texture size? Questions textures , uv-mapping , uv	1	629	November 5, 2022
Custom cover() function for mimicking css background-size 'cover' for shaders, OrthographicCamera, TextureLoader, and PlaneBufferGeometry Questions texture-loader , shaders , orthographic-camera	10	197	March 18, 2024

How can I get a covered texture on a PlaneGeometry?

Related Topics