How to Create a Globe and Add Cities using Three.js

A coding session where you’ll learn how to create a globe and add cities to it with Three.js.

By Yuri Artiukh in Videos on April 5, 2021

In this ALL YOUR HTML coding session you’ll learn how to create the globe and add cities to it using Three.js.

This coding session was streamed live on April 4, 2021.

Check out the live demo.

Support: https://www.patreon.com/allyourhtml

Setup: https://gist.github.com/akella/a19954…

Yuri Artiukh

Yuriy is a developer from Kyiv, Ukraine. Leading a small frontend agency riverco.de, also speaking at conferences, and open for freelance projects. Curious about CSS and shaders. Loves to learn every day.

city globe planet Three.js WebGL

Browse amazing websites

💎✨ Discover fresh gems in our handpicked exhibition of standout websites that caught our eye.

Grab a Codrops Signature T-Shirt featuring our brand-new logo design! Get an exclusive 20% discount with CODROPSTRIBE20

Yuri Artiukh

Creating a Glowing Text Marquee Animation

Staggered (3D) Grid Animations with Scroll-Triggered Effects

Crafting a Dice Roller with Three.js and Cannon-es

Browse amazing websites