Udemy – Intermediate Three.js with Shaders 2022-3

Udemy – Intermediate Three.js with Shaders 2022-3 Downloadly IRSpace

Apr 17, 2025 - 13:06 Updated: Apr 21, 2025 - 05:09

0 0

Udemy – Intermediate Three.js with Shaders 2022-3

Intermediate Three.js with Shaders, Welcome to the Intermediate ThreeJS with Shaders course, where you will learn how to create an interactive 3d globe with custom ThreeJS shaders. My name is Christopher Lis, and I’m an award winning Full-Stack Engineer with over ten years of web development experience. I’ve directly worked with clients like Harvard University, The Basketball Tournament, and premium award winning agencies like Brave People. The goal of this course is to get you writing your own custom ThreeJS shaders with GLSL, and to help you understand how to import these shaders into a practical ThreeJS scene. You’ll also learn how to dynamically place data points on a globe based on the latitude and longitude of different countries. There are little to no videos out there that actually go into this topic in-depth so I figured I should tackle it. If you’re serious about taking your ThreeJS skills to the next level, then shaders are logically the next step after become acquainted with the framework. Let me guide you through the full production of a 3d scene you can actually use for a real website.

What you’ll 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

Who this course is for

Intermediate ThreeJS Developers who know how to create scenes with materials, geometries, and meshes

Specificatoin of Intermediate Three.js with Shaders

Publisher : Udemy
Teacher : Christopher Lis
Language : English
Level : Intermediate
Number of Course : 23
Duration : 4 hours and 18 minutes

Content of Intermediate Three.js with Shaders

Intermediate Three.js with Shaders

Requirements

You must have development environment with ThreeJS setup already – I use Vite here for mine, which you can learn how to do by taking my Modern ThreeJS course also on Udemy
Vite with ThreeJS installed is recommended for a frontend server, but not required
ThreeJS version ^0.128.0 is recommended (it’s what’s used in the course), but not required
You should have a basic math background (the basics of matrices are covered, but not to the detail of a math course)

Udemy – Intermediate Three.js with Shaders 2022-3