Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Three.js & WebGL 3D Programming Crash Course (VR, OpenGL)
Rating: 3.7 out of 5(379 ratings)
23,414 students

Three.js & WebGL 3D Programming Crash Course (VR, OpenGL)

Learn how to create 3D web applications and games for web browsers with ease.
Created byFrahaan Hussain
Last updated 12/2017
English

What you'll learn

  • Create interactive 3D web applications
  • Make 3D games
  • Use Three.js to create 3D worlds
  • Create cross platform web applications
  • Over 10 lectures

Course content

4 sections • 21 lectures • 1h 32m total length

  • Course Intro1:44
  • Introduction17:27

    Introduction to Three.js with examples demonstrated to showcase it's capabilities. Also setup for Three.js will also be covered.

    GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

  • Draw Geometry8:52

    Covers how to draw basic shapes such as cubes.

    GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

  • Update Viewport On Resize4:28

    Allow users to resize their browser and dynamically adjust our world to accommodate this change.

    GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

  • Controls4:40

    Implement a control system to easily navigate our 3D world.


    GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

  • Textures & Colours7:58

    Learn how to make things more exciting with textures.


    GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

  • Lighting22:11

    We cover the various lighting techniques Three.js provides:

    • Ambient Lights
    • Point Lights
    • Spot Lights
    • Directional Lights


    GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

  • Model Loading6:45

    In this video we learn how to load external models to make your world more vibrant.

    GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

  • FPS (Frames Per Second/Framerate)2:27

    Learn how to measure the performance of your 3D application.


    GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

  • Anaglyphic 3D4:56

    Learn the wonders of Anaglyphic 3D and how to easily implement it into your project.

    GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

  • Skybox10:29

    Learn how to use skyboxes to revolutionise your game.

    GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

    Free skyboxes - http://www.custommapmakers.org/skyboxes.php

Requirements

  • You should already be familiar with JavaScript
  • Passion for web development

Description

Learn how to create interactive 3D experiences such as web application and games. A step by step process is used to show everything from setting up to creating interactive 3D worlds.

Gain a good understanding of the following concepts:

  1. 3D design

  2. Model loading

  3. World/Scene generation

  4. User interaction

  5. Three.js and WebGL programming

  6. Game development

Three.js allows you to create amazing 3D web applications to target the biggest market in the world, THE WEB. Now with the boom of smart phones the audience is growing rapidly.

You will be provided with the full source code to aid in development during and after this course. The source code is free to use in as many projects as you wish.


Over 205,000 students have enrolled on my courses and all of them are extremely satisfied. You will also be satisfied with this course. If you do not like the course, remember that within 30 days you can request a full refund. I guarantee you satisfaction.

If you have any questions regarding the topics covered in this course, please feel free to ask. I'm always happy to help those who want to learn.


To summarise this is what you get:

• Lifetime access to HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.

• All videos are downloadable. Learn wherever you want, even without an internet connection!

• Downloadable starter code and final code for each section.

• Free helpful support in the course Q&A when you have questions or get stuck.

• Multiple coding challenges to practice your new skills (solutions included).

Sounds great? Then start this adventure today by clicking the “Take this course" button, and join me in the only course that you will need!

Who this course is for:

  • This Three.js course is meant for individuals looking to create 3D web applications and games
  • You should already be familiar with JavaScript programming
  • A basic understanding of Front End Development is also helpful

Report abuse