Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views :
Oh Snap!

It looks like you're using an adblocker. Adblockers make us sad. We use ads to keep our content happy and free. If you like what we are doing please consider supporting us by whitelisting our website. You can report badly-behaved ads by clicking/tapping the nearby 'Advertisement' X text.

Programming 3D Graphics with Three.js by Juan Espinoza

Programming 3D Graphics with Three.js by Juan Espinoza

/

Author:Juan Espinoza

Duration:6 hours 4 minutes

Actual Duration:4h 13m

Release date:2026, April 17

Publisher:Udemy

Skill level:Beginner

Language:English

Exercise files:Yes

Software:Three.js, JavaScript, GLSL

Course URL:https://www.udemy.com/course/programming-3d-graphics-with-threejs

Learn to build interactive 3D graphics for the web using Three.js and JavaScript.

Ready to make your websites pop with awesome 3D visuals? This course is your ticket to mastering Three.js, the go-to JavaScript library for creating stunning 3D graphics right in your browser. If you’ve got a handle on JavaScript and want to level up your web dev game, you’re in the right place. We’ll take you from zero to hero, building interactive 3D scenes that will wow your audience.

🎯 What you’ll learn

  • Understand the Fundamentals of Three.js
  • Create and Manipulate 3D Objects
  • Implement Camera Systems and Controls
  • Apply Materials, Textures, and Lighting
  • Integrate and Animate 3D Models
  • Design Responsive 3D Scenes
  • Implement Raycasting and User Interactions
  • Optimize Performance and Apply Post-Processing Effects

✅ Requirements

  • Skills: Basic familiarity with JavaScript
  • Tools: A modern web browser
  • Hardware: A computer capable of running a web browser smoothly

📝 Description

Welcome to “Programming 3D Graphics with Three.js,” a beginner’s guide to mastering 3D graphics using the powerful Three.js library and JavaScript. If you’ve ever wanted to bring your web development skills to the next level by creating stunning, interactive 3D visuals, this course is your perfect starting point. Designed specifically for those with an understanding of JavaScript, this course will walk you through everything you need to know to create interactive 3D graphics.

Each section includes clear, step-by-step instructions, and downloadable resources to help you practice and apply what you’ve learned. By the end of the course, you’ll have a solid understanding of Three.js and be able to create interactive 3D graphics that can be used in web development, game design, data visualization, and more.

By completing this course, you’ll gain a practical skill set that can be applied to a wide range of personal and professional projects. Whether you’re looking to create interactive websites, design immersive games, or develop innovative data visualizations, the knowledge and experience you’ll gain from this course will be indispensable.

The course is structured to gradually build your knowledge, starting from the very basics and moving to more advanced topics. Each module is designed to be concise and focused, allowing you to learn at your own pace.

Don’t miss out on the opportunity to elevate your web development skills and create stunning 3D visuals. Enroll in “Programming 3D Graphics with Three.js” today and take the first step towards mastering one of the most exciting and in-demand skills in the tech industry. Whether you’re looking to advance your career or simply explore a new hobby, this course has everything you need to succeed.

Join us and discover the endless possibilities of 3D graphics with Three.js!

🧑‍🎓 Who this course is for

  • JavaScript Developers Interested in 3D Graphics
  • Designers and Creatives Exploring 3D Animation
  • Web Developers Looking to Enhance Their Skillset
  • Game Developers Interested in Web-Based 3D Environments

🧑‍🏫 About the Author

Juan Espinoza is a Mechatronics Engineer who has been programming since the age of 12. He has worked for utility companies teaching technicians about automation and Programmable Logic Controllers (PLC). In 2014 he co-founded a data science startup. For the last six years, he has been working with machine learning and data science to provide solutions to real-world problems.

🏁 Final Result

  • Students will be able to create and deploy interactive 3D graphics for web applications, suitable for portfolios, game prototypes, or data visualizations.
Curriculum

📋 Course content

  1. Introduction
    • Introduction6:29
    • Installation10:56
    • Hello Cube10:21
    • Primitives9:52
    • Scene Graph16:26
  2. Camera
    • Camera7:50
    • Camera Controls14:10
    • Responsive Design4:44
  3. Materials and Textures
    • Materials15:53
    • Textures21:41
  4. Lights and Shadows
    • Lights and Shadows15:08
  5. 3D Models and Animation
    • 3D Models18:15
    • Animation15:52
    • TweenJS16:47
    • Animation Mixer13:45
  6. Interactions and Advanced Topics
    • Raycasting13:41
    • Buffer Geometry25:04
    • 3D Text7:12
    • Post Processing8:11
    • Graphics Pipeline10:37
    • Shader Material16:09
    • Vectors in GLSL6:33
    • Shaping Functions19:54
    • SDFs16:45
    • Matrices9:20
    • Vertex Shaders11:15
    • Lighting20:48
    • Conclusion1:13
Watch online or Download for Free
Programming 3D Graphics with Three.js by Juan Espinoza
NAME
SIZEDURATION
1. Part 1 Three.js Fundamentals
61.2 MB1h 1m
2. Part 2 Intermediate Topics
114.1 MB1h 29m
3. Part 3 Animation
40.4 MB46m
1. Animation
11.7 MB15m
2. TweenJS
15.6 MB16m
4. Part 4 Advanced Topics
55.3 MB54m
5. Conclusion
1.3 MB1m


Join us on
  Channel    and      Group

Leave a Comment

Your email address will not be published. Required fields are marked *