How to make ThreeJS respect the size of the container when resizing?

black-littlebird · February 27, 2024, 6:06pm

I have a canva already set with a proper width that is responsive. When the page loads, ThreeJS respects the size of the canva and then loads the model accordingly.

The problem is when I resize the page, the canva does not change its size, even if I try to use a function to set the renderer size. If I reload the page with this new “resized” window, the ThreeJS respects and then loads the model accordingly.

I followed this tutorial from ThreeJS docs.

What is wrong?

manthrax · February 28, 2024, 5:39am

You’re threejs logic all looks correct. I think you might just have a problem with your CSS?

Topic		Replies	Views
Problem trying to scale the ThreeJS Scene inside a Modal Questions transform	1	150	December 30, 2023
Scaling objects created with Blender Questions transform	4	2367	June 6, 2019
Resizing canvas only works in one direction Questions resizing	0	384	August 10, 2020
Threejs in div and resize with Transition! Questions div	3	4316	December 7, 2020
Scaling different objects to a particular size Questions geometry , object3d , resizing , scaling , scale , threejs	3	3638	October 13, 2020

How to make ThreeJS respect the size of the container when resizing?

Related Topics