Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

ThreeJS Displacement & AlphaMaps - Create a 3D Terrain

DesignCourse via YouTube

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This beginner tutorial builds an interactive 3D terrain effect with Three.js, using plane geometry, textures, displacement and alpha maps, mouse interaction, and a simple HTML/CSS overlay.

Syllabus

- Introduction
- An Awesome Offer
- Installing ThreeJS Starter
- Adding the Plane Geometry
- Plane Material
- Mouse Interactivity
- User Interface HTML/CSS
- Closing

Taught by

DesignCourse

Reviews

Start your review of ThreeJS Displacement & AlphaMaps - Create a 3D Terrain

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.