• Let’s get started

In this lesson, you will learn what a 3D game is, how you can create one and maintain one. You’ll also learn the basics you need to follow to make a 3D car racing game.

• Setting up a Web Server

To make an accessible game for everyone setting up the web server is very important. In this lesson, you will learn how to set up a web server, what to consider before setting up a web server and how to use it.

• 3D Basics

This lesson discusses the basics of 3D game modelling. You will learn what 3D modelling is, how it works and what you should consider before designing a 3D game.

• How to get your assets

To create a game you need some acids like the software and designing kits. In this lesson, you will learn how you can get these assets and start creating your game. You will familiarize yourself with various assets, their works and functionalities.

• Using Blender

This lesson will teach you how you can use Blender to merge various types of data and use them to make your game more appealing. You will learn about the types of blender, how they work and how you can use them easily.

• The THREE.js website

This lesson will teach you what three.js is, how you can use it and how it can change your game. You will learn the basics of three.js, its functions and properties.

• Your first 3D app

Now it’s time to create your first 3D app. In this lesson, you will learn how you can create a 3D app step-by-step. Here you will be able to create a simple 3D game that will help you to understand the basic steps.

• The FBXLoader class

Now you are done with the introduction. It’s time to dig a little bit deeper. In this lesson, you will learn what  FBXLoader is, how it will help you to make your game engine work better and make your digital contents more beautiful.

• The CANNON.js website

To create beautiful characters CANNON.js is one of the best libraries. In this lesson, you will learn how this JavaScript library works and how you can use it to make your car racing game more lively.

• CANNON.js basics

As you have known what CANNON.js is, it’s time to learn the details about it. In this lesson, you will learn the basic functions of CANNON.js and how they can be applied.

• More about rigid bodies

Let’s make some rigid body. In this lesson, you will learn how you can create an object and how an object moves. This lesson will help you to create your car and other objects on the street in your game.

• Debugging your physics

You have learnt how you can create an object. So, it’s time to work with physics. In this lesson, you will learn how you can create the movement of an object and how those movements can look realistic.

• Creating a CANNON.RaycastVehicle

In a car racing game is the car which is the most important thing. In this lesson, you will learn how you can make a real looking car and mimic its movement using CANNON.Raycast.

• Adding wheels

Congratulations! You have learnt to create the body of your car already. Now it’s time to add the wheels. In this lesson, you learn how you can design wheels and make them move fast and look beautiful.

• Using the JoyStick class to control your vehicle

Even a beautiful game becomes useless if players cannot play them as they please and control the functions. This lesson is very important because it discusses how you can make your game easily controllable. You will learn how you can use joystick classes to control your vehicle in this lesson.

• Limitations for colliders

What’s fun if there is no accident on the highway? in this lesson, you will learn how you can create different scenarios using colliders and the limitation of colliders. This will teach you how to make your game more enjoyable and thrilling.

• Sizing your assets

In this lesson, you will learn how you can resize your objects based on the position. It will help you to create a more realistic and 3D view of your game.

• Adding colliders

Here you will learn how you can use colliders to make your car move as it moves on the street. This lesson will deal with the basic functions of colliders.

• Loading your assets

Here you will learn how you can use colliders to make your car move as it moves on the street. This lesson will deal with the basic functions of colliders.

• Converting the colliders to Cannon Bodies

You have come a long way with us. It’s time to take your game to another level. This lesson will teach you how you can convert your colliders into cannon bodies.

• Adding a SkyBox

After all these struggles the security of the game is also very important. In this lesson, you will learn how you can use skybox to secure your game code. You will also learn how this can give your players a more pleasing experience.

• Adding checkpoints and resetting the car

Let’s learn how you can add some checkpoints to your game. checkpoints help the players to keep the record of the race. This lesson will also teach you how you can reset the car after an accident.

• Using the Preloader class

Make your game more appealing using preloader class. In this lesson, you will learn the function of the preloader class and how you can use it to keep your players occupied.

• Adding SFX

For any 3D game, special effects are necessary. In this lesson, you will learn how you can use special effects in your game, how it can enlighten and enhance your features and make your game the best.

• Limiting the GUI to the corners and the centre

If your players cannot communicate and related to the game, they will lose interest fast. In this lesson, you will learn how you can use the graphical user interface to help the players communicate and feel involved in the game.

• Adding onclick events

This lesson will show you how you can add onclick events to your game. You will learn the function of onclick games, how they work and how you can get benefited from those onclick events.

• Controlling the width and height for different screens

Now you are almost ready to create a 3D car racing game. In this lesson, you will learn how you can make your game fit for different types of screens. In this lesson, you will know how you can control the width and height of the total screen and the appearance of the object on the screen.

• What have you learned?

Let’s go over what you have learnt so far. In this lesson, you will get a full overview of the course you have completed and know what kind of game you can create now.

• More fun with THREE.js and CANNON.js

Don’t just stop there, let’s learn together. In this lesson, you will learn what you can do more with THREE.js and CANNON.js. You will learn about various scopes and opportunities that can help you improve your skill even further.