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…

city globe planet three.js webgl

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.

From our partner

Visual testing for Storybook, Playwright, and Cypress. Catch UI bugs that functional tests miss. Lightning-fast & zero flake.

Yuri Artiukh

Creating a Bulge Distortion Effect with WebGL

Rotating Loading Animation of 3D Shapes with Three.js

On-Scroll SVG Filter Effect

Stay in the loop: Get your dose of frontend twice a week

From our partner