Associate Map Objects With Minimap Symbols - Three.js Tutorial

Опубликовано: 09 Октябрь 2024
на канале: Wael Yasmina
2,004
51

In this video, we're going to add towers to the map, create animated ranges that represent the coverage of towers, and add the symbols that represent the towers' locations in the minimap.
---
Create a minimap in a Three.js scene
   • Create a minimap in a Three.js scene  

How To Make A Minimap In Three.js
   • How To Make A Minimap In Three.js  

Cloning And Animating Models Loaded From glTF Files - Three.js Tutorial
   • Cloning And Animating Models Loaded F...  

GLSL Snacks - Episode 8.0
   • GLSL Snacks - Episode 8.0  

How To Add HTML Elements To A Three.js Scene
   • How To Add HTML Elements To A Three.j...  
---
"Telecommunication Tower Low-Poly Free" (https://skfb.ly/oHv6Q) by Nicholas-3D is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/b....

"SPORTING VILLAGE" (https://skfb.ly/6RnJz) by Stéphane Agullo is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/b....
---
00:00 Introduction
00:16 Cloning the towers & adding the symbols
04:41 Creating the animated range
09:34 Introducing the range controller
12:35 Outro