Intermediate Three.js with Shaders

Create an interactive 3d globe with custom ThreeJS shaders
4.39 (130 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Intermediate Three.js with Shaders
1 602
students
4.5 hours
content
Mar 2022
last update
$59.99
regular price

What you will learn

Create and understand ThreeJS shader composition and setup

How to import textures into your shader to create a globe

How to create vertex and fragment shaders

How to import shaders into a vite project

Understand complex 3D terms like normals, attributes, varyings, and UVs

How to draw interactive data points onto a globe with latitude and longitude

How to import bulk data and read it onto a scene

How to animate generated meshes with GSAP

How to add click and drag functionality to the globe

How to scale a 3D scene for smaller screen sizes

How to add mobile event listeners

Screenshots

Intermediate Three.js with Shaders - Screenshot_01Intermediate Three.js with Shaders - Screenshot_02Intermediate Three.js with Shaders - Screenshot_03Intermediate Three.js with Shaders - Screenshot_04
Related Topics
4596624
udemy ID
14/03/2022
course created date
26/03/2022
course indexed date
Bot
course submited by