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

In this lecture we'll see an outline for a Three.js application, which will be used for the rest of this course

This lecture overviews the three basic elements every 3D application must have.

In this lecture we'll finally write our first application - this application is very simple - it renders the scene, and it's basic code for each application that follows.

In this lecture we'll talk about geometric objects and see what is needed in order to work with them.

In this lecture we'll locate the cube on the screen and see how to move and rotate it.

A detailed solution for the rotating cube exercise.

In this lecture we'll explain the Three.js unit system.

In this lecture we'll see another interesting shape - the torus.

A detailed solution to the Saturn exercise.

In this lecture we'll see how to create geometries from scratch by building vertices and faces.

A detailed solution to the Butterfly exercise.

In this lecture we'll see how to write 3d text on the screen

This lecture reviews the main things we've learned and presents a suggested section project.

A short overview about what we are going to learn in this section

In this lecture we'll see a material that changes the geometries' colors according to their distance (depth)

In this lecture we'll see another way of showing objects - using line and points material.

In this lecture we'll see three materials that response to light.

In this lecture we'll see a short reminder of this section's topics, and we'll take an overview of the challenge.

In this video we'll see a detailed solution to the fragments challenge.

In this lecture we'll see a short overview about the light's section.

In this lecture we'll light the scene with an ambient light

In this lecture we'll light the scene with a hemisphere light.

In this lecture we'll see the point light - a light that comes from a single light source and radiates in a sphere.

In this lecture we'll see the spot light. This light comes from a single light source but it casts a cone shape of light.

In this lecture we'll see a short reminder of this section's topics, and we'll take an overview of the challenge.

A detailed solution to the spots exercise.

An overview of the cameras section

In this video we'll look in more detailes on the perspective camera that we are using from the beginning of the course

In this video we'll look at a different type of camera - an orthographic camera that sees the scenes differently from the perspective camera.

In this video we'll make a short reminder of the cameras we saw in the section, and overview the section's challenge.

A detailed solution to the following object exercise.

An overview of this section and a reminder of the event handling mechanism in html

In this video we'll see how to react to keyboard events.

In this video we'll see how to catch a mouse event and we'll introduce the ray caster object in order to convert mouse coordinates into 3d coordinates.

In this video we'll see how to use the ray caster to manipulate existing objects on the screen

In this video we'll take a look at the ray itself, and see how we can use it to get real 3d coordinates on the screen.

A detailed solution to the balloons challenge.

An overview about what we'll learn in this section

In this video we'll see how to apply a texture image to the geometric shapes.

In this video we'll see how to use textures for panoramic view

In this video we'll add some realism to our scene by casting shadows

In this video we'll make a short wrap up of this section and introduce the challenge for the section

A detailed solution to the pyramids challenge

In this video we'll view the final challenge for this course

In this video we'll see a detailed solution to the final challenge.

Final words for this course