Create a 3D RPG Game With THREE.js
Use THREE.js to create a stunning WebGL 3D game that will run in all modern browsers, including mobile devices.
Lectures -29
Resources -7
Duration -2 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course 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.
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.
Goals
What will you learn in this course:
- 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.
Prerequisites
What are the prerequisites for this course?
- 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.
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
5 Lectures
- JavaScript in 12 Easy Lessons - e-book 01:20 01:20
- What are you going to learn 02:41 02:41
- Setting up a simple web server 02:47 02:47
- 3D basics 03:58 03:58
- Introducing THREE.js 08:45 08:45
Creating 3D assets
5 Lectures
Loading your assets
3 Lectures
Character Animation
2 Lectures
Moving around your environment
4 Lectures
Interacting with the environment
3 Lectures
Adding Sound to your game
2 Lectures
Pathfinding
2 Lectures
Conclusion
3 Lectures
Instructor Details
Nicholas Lever
eCourse Certificate
Use your certificate to make a career change or to advance in your current career.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe nowOnline Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now