Take this
course

Software Development / Web Development

3D Programming with WebGL and Babylon.js for Beginners

Upgrade your skills and become future-ready by incorporating 3D technologies in your web development belt

Description

Currently supported by all browsers, WebGL is a JavaScript API that allows you to render 3D images in the browser, without the use of plugins. Existing libraries such as Babylon.js make this process very easy and intuitive for developers with JavaScript knowledge. In this course you will learn the basic concepts of WebGL and how to program 3D web applications using Babylon.js. We'll follow a very practical approach so that you won't only learn to create really cool 3D scenes and animations, but also you'll learn how to use existing 3D models from Blender in Babylon.js apps, and how to incorporate Babylon.js apps into existing websites. By the end of this course, you'll have the basic tools to undertake innovative projects such as: -3D games in the browser. -Educational websites using 3D models (planetary systems, models of the human body, animals). -3D data visualization. -E-commerce stores that showcase 3D designs of the products they sell. -Real estate websites where the visitor can walk in a 3D model of the house. -Virtual reality projects. Concepts covered in this course: What is WebGL and how it works(*) Basics of 3D programming with Babylon.js Rendering scenes, meshes, materials, textures, lights Working with cameras Adding mobile support Representing a 3D solar system for educational apps Creating beautiful environments with skyboxes Exporting Blender models into Babylon.js applications Adding Babylon.js apps to existing websites *Native WebGL programming with the GLSL language is not included in this course. We want to focus only on technologies you can quickly incorporate in your existing workflow, and we believe there is no reason to learn GLSL unless you want to create your own WebGL framework, so we don't cover this technology in the course.
Full details

Curriculum

  • Introduction
    Course Intro
    3:02
    Babylon.js Setup
    8:30
    Course Source Code
  • Babylon.js Basics
    Rendering a Scene
    6:25
    Interactive Camera
    6:00
    Basic Shapes
    7:08
    Scaling and Rotating
    5:07
    Materials
    10:11
    More on Materials
    6:24
  • Solar System Project
    Starting Solar System
    5:57
    Adding a Planet
    6:28
    Shining Star
    5:26
    Skybox
    7:57
    Orbiting Planets
    6:47
    Working on Mobile
    5:42
  • Babylon.js and Blender
    Exporting from Blender
    9:02
    Importing babylon Files
    4:17
  • Adding a Babylon project to an existing website
    WebGL in Existing Websites
    4:25

Skills

  • Blender
  • Computer Programming
  • Game Development
  • JavaScript
  • Programming Logic
  • Web Development
  • Web Graphics Library (WebGL)

Similar Courses

More Courses by this Instructor