Introduction to THREEJS for web

3D for web

The objective of this course is to teach how to enrich your web pages, if you are a developer you can add 3D elements to your website and animate them.

What you’ll learn

  • Create basic 3D geometries.
  • Create basic 2D shapes.
  • Vector2 and Vector3.
  • Lighting and shading.
  • Materials.
  • Textures.
  • Add 3D meshes to a website.
  • OrbitControls.

Course Content

  • Downloads –> 2 lectures • 9min.
  • Creating 3D geometries –> 8 lectures • 27min.
  • Creating 2D figures –> 4 lectures • 9min.
  • Vector2 and Vector3 –> 2 lectures • 15min.
  • Materials –> 1 lecture • 5min.
  • Textures –> 1 lecture • 4min.
  • Delta Function –> 1 lecture • 2min.
  • Lights and Shadows –> 1 lecture • 10min.
  • Import GLTF Format –> 1 lecture • 6min.
  • Positioning our mesh –> 2 lectures • 8min.

Auto Draft

Requirements

  • Know the html markup language.
  • Know the Javascript programming language.

The objective of this course is to teach how to enrich your web pages, if you are a developer you can add 3D elements to your website and animate them.

The course has been summarized without useless content. And in just 90 minutes you will learn to add, place and modify any 3D element on your website .

You can download the entire course code. You do not need to write anything in the whole course, just attend to understand the code and then you can review the code, retouch it, modify it, cut, paste and use in your web pages.

 

What, s threejs?

Three.js is a cross-browser JavaScript library and application programming interface (API) used to create and display animated 3D computer graphics in a web browser using WebGL. The source code is hosted in a repository on GitHub.

Three.js allows the creation of graphical processing unit (GPU)-accelerated 3D animations using the JavaScript language as part of a website without relying on proprietary browser plugins. This is possible due to the advent of WebGL.

High-level libraries such as Three.js or GLGE, SceneJS, PhiloGL, or a number of other libraries make it possible to author complex 3D computer animations that display in the browser without the effort required for a traditional standalone application or a plugin.

 

 

Get Tutorial