Create a 3D RPG Game With THREE.js
- 2 hours on-demand video
- 1 article
- 2 downloadable resources
- 3 coding exercises
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.Try Udemy for Business
- 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.
Most web pages need to download additional resources, images or other assets. If working from your local machine then if the url begins with file:// then this means using the local file system and this is not allowed for security reasons. To work on the game we will develop in this course we need to use a Web Server so we can use http:// - in this lecture I show how easy this is done by using Web Server for Chrome, a Chrome extension that is freely available and makes setting up a local web server very easy.
A brief introduction to THREE.js Scenes, Renderers, Lights and Cameras.
To follow along please download the resources for this course.
Blender is a FREE 3D application program to allow you to create and edit 3D resources. You can import and export using the fbx format that we are supporting in this course. In this short video you get the briefest of introductions to the software and advice about learning more.
In this course we are using an on-screen joystick to control our character rather than use short-cut keys. In this way the same code base can be used on mobile devices and desktops. In this lecture we look at a simple JoyStick class that you can easily add to your own game, re-skinning the look by editing the CSS.
As your character moves around the environment you may want her to do custom actions based on standing at a certain position in the scene. Maybe she can collect a useful object or press a button on a console. In this video we look at techniques to facilitate this.
- 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.
- 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.
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.
"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 !"
- 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.