Create a 3D RPG Game With THREE.js

——   Created by Nicholas Lever

Use THREE.js to create a stunning WebGL 3D game that will run in all modern browsers, including mobile devices.

Share this course:

NEW
Course
27
Lessons
2h 17m
Lesson time
beginner
Skill level

More about this course

Requirements
  • You need to be keen to learn to code your own 3D games.
  • We’ll be using Brackets as the text editor. But feel free to use your preferred editor if you like to use a different one.
  • Some knowledge of JavaScript will help.
  • Game will run in a browser, but you need to use a web server. Setting this up simply is described in section 1.

Creating 3D games is fun. In this course you will learn quickly to create a stunning game. The author has won many awards for his 3D browser based games and he will take you through all the skills you need to create games of your own using the amazing THREE.js library. 

THREE.js makes creating WebGL games much easier. You will not need to worry about how to write complex shaders. Instead the shaders will load from the assets you create in Blender.

You’ll learn

  • To setup your development environment .
  • How to export 3D assets from Blender, including animation.
  • Where to source great 3D assets that you can use in your own games.
  • The basics of setting up a THREE.js camera, scene and renderer.
  • Adding a pre-loader.
  • Using the FBXLoader class.
  • To master the art of blending animations.
  • Use a custom onscreen JoyStick class you can easily add to your own games so that desktop and mobile users get the same experience. 
  • How to smoothly switch camera angles.
  • How to use simplified geometry to lock your character to the environment.
  • How to add cut-scenes.
  • How to add Sound to your games that responds to the current camera location.

It is exciting and fun and in around 2 hours you will have acquired the skills to create your own games.

Student reviews:

"This course is really awesome ! I enjoyed every second of this learning experience. Thanks to Nicholas Lever ( all the respects ) I can't wait for the next course using cannon.js !"

"This is the most exciting class I've taken...! The instructor gives examples that he made personally, explains all of the coding thoroughly, and shows you vast libraries to source pre-made objects, characters, and worlds... what more could you ask for!?!"

Who this course is for:
  • You want to learn to create 3D games that will run in a modern browser, even on mobile devices.
  • You want to learn the skills quickly.
  • You want to focus on a game that has a central in-vision character.
  • You want to learn to control 3D assets with code.

27 Lessons

Introduction
0:02:41
What are you going to learn
free preview
0:02:47
Setting up a simple web server
free preview
0:03:58
3D basics
0:08:45
Introducing THREE.js
Creating 3D Assets
0:03:52
Finding environment assets to use in your game
0:04:10
Using Mixamo characters and animations
0:03:39
An overview of Blender
0:07:49
3D formats
0:02:36
Editing your assets
Loading Your Assets
0:06:39
Creating a Preloader
0:08:11
The THREE.js Animation system
0:04:00
Using the FBXLoader class
View more lessons +

100% of 1 people enjoyed this course!

Dave Marteau liked this class and said...

Easy to Learn for beginners. Keep Learning One step at a time!

This course is included in Arbington Premium
$15/month gets you access to every course. Start your 14 day trial today. ☝️

Class benefits

  • Certificate of Completion
  • 30 day satisfaction guarantee
  • 24/7 streaming access
  • Direct teacher access
  • 2h 17m of on-demand video
  • 5 downloadable files
  • 3 peers to work with
  • Have a coupon?

About the instructor

After getting a degree in Graphic Design, I started work in 1980 as a cartoon animator. Buying a Sinclair ZX81 back in 1982 was the start of a migration to a full time programmer. The ZX81 was quickly swapped for the Sinclair Spectrum, a Z80 processor and  …

View full profile

For super learners, get unlimited access for $15 per month

Start your 14 day free trial. Cancel at any time.

Join Today Learn More