3D Programming with JavaScript and the Three.js 3D Library

Create 3D computer graphics, using webgl in a cross-browser environment. Learn about 3D Graphical space, and 3D Depth.

4.25 (965 reviews)
Udemy
platform
English
language
Web Development
category
6,400
students
5.5 hours
content
Nov 2023
last update
$54.99
regular price

What you will learn

Design 3-dimensional logos, texts and animations, and incorporate them in your own page, application or game

Write simple to complex 3D applications using 3js in Javascript and master their theories and practices

Create and add 3-dimensional depth to any video html based game

Apply geometry skills while writing large, complex and structured programs

Be competent in one of the most sought after fields of expertise that clients and organizations are looking for

Description

Do you want to get into 3D programming with Javascript but don't know where to start?

Maybe you have tried out the Three.js 3D Library but found it too difficult to figure out.

Or maybe you've just decided you want to create 3D games using Javascript but don't know where to begin.

Whatever the reason, if you want to get up to speed with 3D programming in Javascript, you are at the right place.

Become competent in one of the most sought after fields of expertise that clients and organizations are looking for! 

Your course instructor is Shay Tavor who has over 15 years of Javascript programming experience and has made a name for himself as an expert 3D programmer and teacher.

If you have any experience in 3D programming, you probably found it quite difficult.

Shay has unique skills in making the complex easy to understand, and he will explain the important concepts and topics in 3D programming using Javascript the Three.js 3D Library.

This course contains the most comprehensive and detailed tutorials that cover everything you need to know about Javascript 3D programming.

By the end of this course you will have a deeper understanding of the concepts relating to 3D graphical space, be able to add 3 dimensional depth to any html game, and will be able to create 3-dimensional logo's, texts and animations, and incorporate them in a standard static html page. And that's just the beginning. 

What will you learn in this course?

You will learn how to develop and make your own 3 dimensional logos, texts and animations, and be able to incorporate them in a standard static html page or html game.  This forms one of the most essential components of web applications.

The 3D Programming course uses Javascript and Three.js (a 3D Javascript library) and provides the most comprehensive and detailed course on this popular Javascript 3D library.

What are the main topics covered in this course?

The Javascript: Three.js application

Geometric objects

Sophisticated material on geometry

Lights

Cameras

User interaction

Adding realism

In addition, this course includes 10 coding challenges that will help you sharpen your newly acquired skills and understanding of the entire process and how it works.

Why enrolling in this course is the best decision you can make. 

The ideal student would be someone with a basic knowledge of Javascript who is eager to improve their skills and master 3D programming to take their understanding to new levels.

Many examples are included to make it even easier to learn and understand. 

Completing the 3D Programming with Javascript: Three.js course will provide you with the tools and skill required to take your programming to the next level.

Ready to bring your ideas to life? Why not get started today?

Click the Signup button to sign up for the course!


Content

Prelimineries

Course Introduction
Math Preliminaries
Javascript Preliminaries

Setting up the Environment

Download and Use the Library
The Application's Blueprints
Basic Elements of a 3D Application
Showing a First Scene

Working With Geometry

Working With Geometry
Locating the Cube
Exercise 1 solution
Exercise 1 Solution Unit System
The Sphere
Torus
Exercise 2 Solution
Custom Geometry
Exercise 3 Solution
Text Geometry
Section Wrap Up

Working With Materials

Section Overview
Normal Materials
Depth Material
Line and Points Material
Light Sensitive Materials
Section Wrap Up
Ex4 Solution

Lights

Section Overview
Ambient Light
Hemisphere Light
Directional Light
Point Light
Spot Light
Section Wrap Up
Challenge Solution

Cameras

Section's Overview
Perspective Camera
Orthographic Camera
Section's Wrap Up
Challenge Solution

User Interaction

Section's Overview
Keyboard Events
Mouse Events
Mouse Picking
Ray Object
Section Wrap Up
Challenge Solution

Adding Realism

Section Overview
Textures
Panorama
Cast Shadow
Section Wrapup
Challenge Solution

Final Challenge

Challenge Overview
Challenge Solution
Course Wrap Up

Extra Information - Source code, and other stuff

Source Codes
Bonus Lecture and Information

Screenshots

3D Programming with JavaScript and the Three.js 3D Library - Screenshot_013D Programming with JavaScript and the Three.js 3D Library - Screenshot_023D Programming with JavaScript and the Three.js 3D Library - Screenshot_033D Programming with JavaScript and the Three.js 3D Library - Screenshot_04

Reviews

Vladislav
August 18, 2022
Section 4 challenge was really frustrating. It was not related to the theme of the section, it was a lot of math knowledge required to pass the challenge (it was said that it will be not so much math in the course) Section 8 challenge. The speaker could suggest to use cylinder to create pyramid, since it's really tricky to apply custom textures to a pyramid made with custom geometry. Final challenge: It was impossible to find in Google something related to changing the rotation angle about the z-axis . I spent a lot of time on it and it was really frustrating experience. Summary: too many frustrating challenges where specific knowledge was required to complete it and the author didn't provide it in the lessons.
Sergio
August 17, 2022
great match, I liked the way the instructor taught. really good energy! but some lectures are deprecated
Farid
June 2, 2022
If i wanted some example code without guidance or code along i go on three.js website, this wasn't really helpful i would recommend https://threejs-journey.com/
PeiChun
March 7, 2022
It just an introduction for centuries ago of Three.js. Every code example lost their style.css and three.min.js, which makes code can't execute, lecturer got a bad teaching skills. It's total waste of time and money.
Przemek
March 5, 2022
There is some good information in this course, probably enough to get a beginner going, however a lot of the code examples given here are very outdated. The Q&A is ignored by the lecturer from what I can tell and the challenges given throughout the course have been somewhat disappointing, especially section 4 where the challenge had nothing to do with the material learned in that section. The final challenge was also odd. Instead of creating an interesting and engaging project at the end to test all that was taught throughout the course, you get to make balls spin. At the end of the day, I feel like you'd learn more just by looking at the examples page on threejs's website.
David
March 4, 2022
The course was pretty good, but it is not monitored. Questions posed are left unanswered. Also, since this is not a javascript programming class, it would be nice if the challenges were solved without using classes. Classes are not intuitive and the solutions can be written without using classes. But a good introductory course overall.
Stephen
October 6, 2021
Content was relatively good. Biggest frustration is lack of engagement in Q&A from the teacher. Some key content in the course deprecated in most recent versions of three.js and the materials haven't been updated, nor have questions about it been answered clearly in the Q&A.
Benz
September 5, 2021
English is not my mother tongue, so captions help a lot. The problem with the closed caption is there's too many spelling errors which just leaves me more confused.
Paul
July 20, 2021
The course is out of date and the instructor has not made any noticeable updates in at least 2 years. The instructor does not also seem to respond to the questions posted in the forum.
Matt
July 18, 2021
This course was good for foundational information regarding ThreeJS. It is outdated because some of the libraries have been refactored within the overall Library as a whole or have been deprecated.
Stephen
June 27, 2021
Presentation was a full explanation of everything in a very easy to understand manner. I came away with a lot of understanding here.
Juan
May 15, 2021
Excelente curso... bien explicado.. ejemplos muy llamativos.. la dicción del instructor es muy buena.. se entiende todo a la perfeccion.
Robert
April 19, 2021
This course is a good introduction to the Three,js library. I do think it needs updating. You can do about 85% of the lectures with the current Three.js code, however, there are a few lectures that are outdated. If you get stuck, or get errors while following the lecture, look at the course questions section. Some people, including myself, have posted solutions to depreciated code or methods. Other than that, this is a pretty good course.
Jan
April 9, 2021
Course is outdated, several methods aren't working due to this, overall decent amount of knowledge is passed, just basics of three.js
Asya
March 16, 2021
If you hope to code along, then this course is not for you. Overall, the instructor just gives brief explanation why he coded this or that way. But there is plenty of other info enough to start understanding what WebGL and Three.js are. Section 'Adding Realism' was the most interesting one. The main issue with this course is that some of the material is outdated and this makes provided examples useless. Also, I hoped examples would be more neat and nicer, like what you can see on https://threejs.org/examples/

Coupons

DateDiscountStatus
5/16/202074% OFF
expired
4/1/202170% OFF
expired
12/22/202180% OFF
expired

Charts

Price

3D Programming with JavaScript and the Three.js 3D Library - Price chart

Rating

3D Programming with JavaScript and the Three.js 3D Library - Ratings chart

Enrollment distribution

3D Programming with JavaScript and the Three.js 3D Library - Distribution chart

Related Topics

1747524
udemy ID
6/14/2018
course created date
6/10/2019
course indexed date
Bot
course submited by