Is it possible to use responsive html images to dynamically switch image quality in a three.js texture?

oveddan · August 30, 2021, 11:46pm

I want to achieve something similar to html responsive images:

Where the image resolution is switched based on the screen size.

In the three.js case, i want it to be so that when the user gets closer to the image to display, the resolution is switched. Is it possible to acheive this via pure html responsive images with srcset and sizes and then manually switching them?

Or does it need to be manually switched via javascript?

Mugen87 · August 31, 2021, 8:03am

No, it’s not. You have to manage the texture quality manually with JavaScript.

Topic		Replies	Views
Make Responsive Canvas which is come from object Questions	1	322	March 27, 2024
Three.js texture resolution messed up if loaded on small window Questions textures , mipmaps	15	5590	June 6, 2019
Responsive texture on resizable plane Questions textures	10	5525	June 16, 2018
Are 8k textures supported in three.js? Questions textures	14	6175	June 1, 2020
Blurry textures when Browser Zoom is increased Questions	2	126	September 23, 2024

Is it possible to use responsive html images to dynamically switch image quality in a three.js texture?

Related topics