The Beginners Guide to 3D Web Game Development with ThreeJS

What you'll learn

• Learn to code in the most popular program language in the world, JavaScript, in a fun way

• Learn how to use the in-demand WebGL Open Source library ThreeJS

• Add vital skills to your CV

• Learn key coding techniques by creating fun games.

• Learn to adapt freely available 3D assets so they are game ready.

• Introduction 09:55

  • 1: Welcome to the Course Preview 03:06
  • 2: Preparing for the course 06:49

• Javascript 1:40:14

  • 3: Variables Preview 06:50
  • 4: Strings 06:48
  • 5: Functions 06:03
  • 6: Conditions 14:23
  • 7: Arrays 05:43
  • 8: Objects 09:17
  • 9: Loops 07:34
  • 10: Classes 07:10
  • 11: Modules 04:29
  • 12: Scope 07:26
  • 13: Math 10:00
  • 14: JSON 08:31
  • 15: What have you learnt? 06:00

• ThreeJS Primer 56:15

  • 16: A 3D Primer 05:16
  • 17: Setting Up a Simple ThreeJS App Preview 05:02
  • 18: The basis of all Three.JS apps 10:12
  • 19: Creating a rotating cube 04:55
  • 20: The Three.JS editor 07:40
  • 21: Geometries 08:02
  • 22: Materials 05:27
  • 23: Loaders 05:41
  • 24: What have you learnt? 04:00

• Assets 35:39

  • 25: Finding assets online 08:52
  • 26: Using Mixamo to setup character animations 03:25
  • 27: Using Blender to prepare assets 08:31
  • 28: Exporting and Testing Preview 11:51
  • 29: What have you learnt? 03:00

• Your First Game 59:52

  • 30: First Steps Preview 10:34
  • 31: Adding user input 06:44
  • 32: Obstacles 10:18
  • 33: Collisions 05:33
  • 34: Explosions 14:21
  • 35: Sound 09:22
  • 36: What have you learnt? 03:00

• Shooters 2:26:44

  • 37: Preparing the environment 07:51
  • 38: Creating a navigation mesh 08:03
  • 39: Loading the environment 08:46
  • 40: Preparing the NPCs 06:21
  • 41: Using Pathfinding to move the NPCs Preview 12:28
  • 42: The NPC class 06:22
  • 43: Patrolling 03:47
  • 44: The player avatar 07:13
  • 45: User input 16:11
  • 46: Gamepads and Onscreen-controllers 09:56
  • 47: Camera tricks 06:47
  • 48: Combat - part 1 13:30
  • 49: Sound and UI 06:52
  • 50: Post Processing 10:52
  • 51: Combat - part 2 11:45
  • 52: What have you learnt? 10:00

• Using Physics to Create a Pool Game 54:14

  • 53: Introducing CannonJS Preview 11:17
  • 54: Ball interaction 14:29
  • 55: A Better Table 12:42
  • 56: Loading assets 04:07
  • 57: Controlling hit strength and testing pocketing 07:04
  • 58: Displaying the UI 01:35
  • 59: What have you learnt? 03:00

• Conclusion 02:10

  • 60: Summary 02:10

The JavaScript programming language is probably the most popular programming language in the world. Companies all around the global require developers who are proficient with this language. In this course I teach you about the language then apply your new skills to create three games.

Before you write your first game you'll use your new JavaScript skills and the popular Open Source library, ThreeJS to create several simple online 3D apps. Once you know enough about the ThreeJS library it's time to create your first game. The first game is a simple game. Here you'll learn about loading assets, moving assets, user input and collision testing.

The course builds on the skills you learn. The next game is a shooter and you learn how to animate a player avatar, how to control NPC characters so they patrol on a random path using navigation meshes and path-finding. You'll learn how to control the avatar with a keyboard or gamepad and on a mobile using an on-screen controller. You'll learn how to fire bullets at the enemy and add AI to the NPCs so they fire back. All the key ingredients of a shooter game.

The last game uses the physics engine CannonJS to control the motion of balls in an Eight-ball Pool game.

Along the way you'll learn to use the 3D application program Blender to prepare your 3D assets for the games you develop.

Once you've completed the course you'll be super ready for any challenges an employer throws your way when writing JavaScript code. But the main thing is you'll have developed your much in-demand skills while having fun making games.

What students say about the course.

"Best web gaming course for ThreeJS!"

"... a go-to for 3D graphic designers, web designers ..."

"Great course for beginners or JavaScript developers looking to make games!"

• Beginners and intermediate developers hoping to improve their JavaScript skills by learning to code 3D web games
• Beginners and intermediate developers wanting to learn to use the Open Source WebGL library ThreeJS

• Enthusiasm

Currently there are no Q&As for this course. Be the first to ask a question.

Reed courses certificate of completion

Digital certificate - Included