Video Thumbnail

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

Premium Features

Download Video

Globe Mobile Responsiveness

Published a month ago

The globe looks and functions great, but it definitely has some issues when scaling down the browser window. The first is, the globe won't stay centered in the middle of the canvas when shrinking down the window on larger screen sizes. The second is, once we get to mobile screen sizes, there's not enough room for our globe to fit on the screen in the first place.

This lesson will teach you how to fix both of these issues using a combination of HTML, event listeners, and Three.js. We'll match the same style used for the globe on github.com by ensuring our globe travels beneath our website's text on smaller screen sizes.

Comments

Want to participate?

Create a free Chris Courses account to begin

Login
b
bigd posted a month ago
0
chris posted 24 days ago
1
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.