The Beginner's Guide to Game Development Bundle

8 Courses & 27 Hours
$29.99$1,600.00
You save 98% -

What's Included

Learn to Create WebXR, VR & AR, Experiences Using Three.JS
  • Certification included
  • Experience level required: Intermediate
  • Access 55 lectures & 4 hours of content 24/7
  • Length of time users can access this course: Lifetime

Course Curriculum

55 Lessons (4h)

  • Your First Program
  • Introduction
    Welcome to the course3:40
    Setting up a secure web server
    The history of WebXR6:09
    A 3D Primer5:11
    The THREE.js Examples6:14
    What have you learned?
  • A THREE.js Primer
    Setting up a simple THREE.js page using modules6:11
    Creating a rotating Cube9:59
    The THREE.js editor7:36
    Geometries6:30
    Materials5:54
    Loaders6:45
    What have you learned?
  • Introducing WebXR with THREE.js
    Converting a standard THREE.js web app to use WebXR5:24
    Customising the VRButton11:38
    Adding user interaction with a controller device7:40
    Adding a button press event to the controller9:18
    Creating a custom controller6:40
    Accessing the gamepad9:57
    Moving around a VR world8:13
    Physics in your VR world12:17
    Creating an AR experience6:41
    Controllers in an AR app7:17
    Touch gestures in an AR app10:17
    Hit testing in AR9:29
    Hand-tracking on the Oculus Quest6:15
    What have you learned?
  • Using complex assets with THREE.js
    Finding assets online6:18
    Using Mixamo to setup character animations2:54
    Using Blender to export assets3:59
    Using the THREE.js animation system7:38
    What have you learned?
  • The WebXR API
    XRSystem and XRSession3:55
    XRFrame and XRSpace3:25
    XRInputSource5:10
    What have you learned?
  • Creating an architectural walk-through
    Moving around an environment6:22
    Interacting with objects in the scene6:58
    Using a GazeController3:23
    Making the app functional on a none XR device4:02
    What have you learned?
  • Fun with AR
    Using AR to create a tape measure10:58
    Adding dynamic animation to a product4:15
    An AR online shop example8:12
    What have you learned?
  • A VR Game
    Movement by teleporting6:22
    Interacting with meshes5:49
    Using a controller as a weapon8:59
    What have you learned?
  • VR for training
    CanvasUI - part 16:17
    CanvasUI - part 23:37
    Using CanvasUI for training8:52
    What have you learned?
  • Conclusion
    WebXR examples, articles, videos and repos to inspire and inform you
    Bonus Lecture

Learn to Create WebXR, VR & AR, Experiences Using Three.JS

NL
Nicholas Lever

Nicholas Lever | Game Developer

4.4/5 Instructor Rating: ★ ★ ★ ★

After getting a degree in Graphic Design, Nik started work in 1980 as a cartoon animator. He developed a few games using Sinclair Basic and then Assembler. He developed more games in the shareware market. Since then the majority of his working life has been creating games, first in Flash and Director, as Director published the first widely available 3D library that would run in a browser using a plugin.

Nik has worked for the BBC. Johnson and Johnson. Deloitte, Mars Corporation, and many other blue-chip clients. The company he’s run for over 30 years has won a number of awards and been nominated for a BAFTA twice, the UK equivalent to the Oscar.

Description

WebXR brings both VR and AR to the browser. The API has the massive forces of Google and Amazon behind it, so it looks like immersive experiences, using only a browser, will make a huge impact shortly. You'll learn how easy it is in this course, using Three.JS to create VR and AR experiences. To get the best from the course, you will need to be comfortable with JavaScript coding. However, no other prerequisites are required. The course includes comprehensive resources and code examples. Each code example comes with two versions, one for you to code and another that is complete in case you hit a problem.

4.6/5 average rating: ★ ★ ★ ★

  • Access 55 lectures & 4 hours of content 24/7
  • Easily create VR & AR apps that work in the browser
  • Use the ThreeJS library to create these apps
  • Handle controllers
  • Replace the controllers with custom models
  • Create architectural walk-throughs, games & training apps
  • Add an in world UI
  • Develop AR apps that support real world hit testing
  • Learn game VR techniques such as teleporting & interacting with models in the scene using controllers

Specs

Important Details

  • Length of time users can access this course: lifetime
  • Access options: desktop & mobile
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: intermediate
  • Have questions on how digital purchases work? Learn more here

Requirements

  • An intermediate level JavaScript ability is assumed

Terms

  • Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.