How To Make A Minimap In Three.js

Опубликовано: 14 Октябрь 2024
на канале: Wael Yasmina

8,599

286

Following this tutorial, you're going to learn how to easily create a map for your Three.js interactive applications and games.
---
Create a minimap in a Three.js scene
   • Create a minimap in a Three.js scene

Using Raycaster In A Non FullScreen Scene In Three.js
   • How To Use Raycaster In A Non FullScr...
Layers in Three.js
   • Layers in Three.js
How To Create Realistic Scenes In Three.js - Tone Mapping, HDR, Gamma Correction, sRGB Color Space
   • How To Create Realistic Scenes In Thr...
---
Three.js boilerplate
https://github.com/WaelYasmina/ThreeB...
---
"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:13 Importing the model & setting up the MapControls
01:46 Creating the minimap
04:01 Positioning the camera based on minimap clicks
06:30 Performance enhancements
08:50 Outro