Create a 3D RPG Game With THREE.js
What you'll learn
- Create 3D games that will run in a browser
- Understand how to control a character allowing the user to guide them around a large environment
- Learn to load complex external 3D assets that contain animations.
- Apply animations to a skinned mesh.
- Use simplified geometry to contain the user character within the environment.
Course content
- 00:18Welcome to the course
- Preview02:41
- Preview02:47
- Preview03:58
- Preview08:45
- 4 questionsWhat have you learned?
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.
Description
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 !"
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.
Instructor
![Nicholas Lever](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.4 Instructor Rating
- 1,104 Reviews
- 5,856 Students
- 8 Courses
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 a massive 48K of ram made this a much better computer to develop games. I developed a few games using Sinclair Basic and then Assembler. The Spectrum was swapped for a Commodore Amiga and I developed more games in the shareware market, moving to using C. At this stage it was essentially a hobby. Paid work was still animated commercials.
I finally bought a PC in the early nineties and completed an Open University degree in Maths and Computing. I created a sprite library ActiveX control and authored my first book, aimed at getting designers into programming. In the mid nineties along came Flash and the company I was now running, Catalyst Pictures, became known for creating games.
Since then the majority of my 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.
In recent years game development has involved using HTML5 and Canvas. Using both custom code and various libraries. A particular preference is to use the latest version of Adobe Flash, now called Animate that exports to the Javascript library Createjs.
I've worked for the BBC. Johnson and Johnson. Deloitte, Mars Corporation and many other blue chip clients. The company I've run for over 30 years has won a number of awards and been nominated for a BAFTA twice, the UK equivalent to the Oscar.
Over the last 20 years I have been struck by just how difficult it has been to get good developers and have decided to do something about this rather than just complain. I run a CodeClub for kids 9-13 years old and I'm developing a number of courses for Udemy hoping to inspire and educate new developers. Most of my courses involve real-time 3d either using the popular Open Source library Three.JS or Unity. I'm currently having a lot of fun developing WebXR games and playing with my Oculus Quest.