Video Thumbnail

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

Premium Features

Download Video

5. Browser Resizing

Published 9 days ago

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

or
Sign In

No comments yet, be the first to add one

Cheat Sheet Preview

Download The Official Chris Courses HTML5 Canvas Cheat Sheet

Essential canvas syntax at your fingertips.

Download Now

Providing the lift to launch your development career

© 2021 Chris Courses. All rights reserved.