Video Thumbnail

Unlock this lesson

Sign up for a plan to instantly unlock all premium lessons.

Unlock Lesson

Premium Features

Video unavailable for download

Browser Resizing

Our scene looks great on load, but once we start resizing our browser window a bit, it's obvious something is off. In order to get our scene to adhere to the dimensions of our browser window, we must select our renderer and call its setSize() function.

Then, to maintain our scene's aspect ratio, we must update our camera's aspect property and call a function known as updateProjectionMatrix().

This video will show you how to do all of that, while giving you some general mobile-responsive tips with CSS.

Comments

Want to participate?

Create a free Chris Courses account to begin

MILLAREMARK420's profile photo
MILLAREMARK420 posted 3 years ago
Bonjour Chris... is there any way to full screen the browser, can you help how to code it, becaus resize cannot hide the scroll bar... thanks
MILLAREMARK420's profile photo
MILLAREMARK420 posted 3 years ago

Bonjour Chris... is there any way to full screen the browser, can you help how to code it, becaus resize cannot hide the scroll bar... thanks