Create a 3D multi-player game using THREE.js and Socket.IO

What you'll learn

• You’ll learn how to use THREE js to show great 3D content in a modern browser, including on mobile devices.

• Learn to use a NODE js server.

• Learn how to get great 3D assets from online providers including animation assets.

• Learn to use Socket io to create a simple chat app.

• Put all your new skills together to create a 3D game that has remote players that you can interact with.

• Introduction 01:39

  • 1: Introduction Preview 01:39

• NODE.js 09:20

  • 2: What is Node.js Preview 01:55
  • 3: Your first NODE.js app 06:25
  • 4: What have you learned? 01:00

• Socket.IO 39:07

  • 5: What is Socket.Io? 00:59
  • 6: Your first Socket.IO app 07:46
  • 7: Connecting a Socket to a Server Preview 05:38
  • 8: Create a simple chat app 07:41
  • 9: Overview of the rooms version of the chat app 07:09
  • 10: Coding the rooms version of the chat app 07:54
  • 11: What have you learned? 02:00

• THREE.js 22:50

  • 12: The THREE.js website 01:45
  • 13: 3D Basics Preview 03:32
  • 14: Your first THREE.js web page 08:30
  • 15: Using FBXLoader 07:03
  • 16: What have you learned? 02:00

• 3D Assets 09:22

  • 17: Sourcing 3D assets online 02:12
  • 18: Using Mixamo 02:38
  • 19: Editing assets with Blender 04:32

• Blockland 28:47

  • 20: Loading assets 04:26
  • 21: Setting up cameras 04:40
  • 22: Moving your character 08:55
  • 23: Constraining to the environment Preview 10:46

• Multi-player 25:45

  • 24: The Socket.IO app 05:03
  • 25: An Overview of socket events Preview 05:53
  • 26: Handling the local player 07:32
  • 27: Handling the NPCs 07:17

• Chat 21:08

  • 28: Convert text into an image 08:10
  • 29: Make remote players selectable 09:21
  • 30: Add chat feature to game 03:37

• Taking it Live 05:21

  • 31: How to map a URL to a specific port address 04:08
  • 32: How to ensure the node app stays running 01:13

• Path Finding 17:00

  • 33: Creating a NavMesh 07:19
  • 34: Using a NavMesh 09:41

• Conclusion 01:19

  • 35: Top tips 00:38
  • 36: Bonus Lecture 00:41

With Socket IO it is very easy to create a game where multiple remote players can share data. In this course we start by installing NODE.js, a prerequisite of Socket IO. NODE.js is an open source server environment. We make sure NODE.js is working correctly and that you understand how to run it by running through a few very simple examples.

In section 3 we move on to building a simple chat app using Socket IO and I show you how to use the rooms capability of Socket IO to limit inter-Socket communication to groups of sockets that share a room.

Section 4 introduces the WebGL library, THREE.js, and shows how to display assets using this library.

.Section 5 looks at accessing online 3D resources both models and animations and shows how you can use Blender to edit these assets.

Section 6 covers in more detail using THREE.js for games.

Section 7 brings 3D and Socket IO together to create a framework for a game where we see remote players moving.

Section 8 shows how we can chat to remote players by sending a private chat message, socket to socket.

Section 9 shows how to take your game to a live server.

The final section gives some important tips when using NODE.js and Socket IO with the THREE.js library in an online game.

Having completed the course you will have all the skills necessary to create 3D multi-player games of your own.

Here is are some reviews of the course:

”Nik's tutorials are brilliant”

”The instructor really explained the whole concept of the process of setting up a complete 3D multi-user chat app using the latest and hottest technologies in a nutshell; I'd like to say he demystified it.”

"This course helped me a lot to finish my running project. I loved this course very much. It is probably the only course which shows the use of THREE.js to create a 3d game. It's socket io implementation is amazing. I would surely recommend to enroll in this course."

... and what students on my other THREE.js courses have to say:

”Easy to Understand and detailed”

”This course is really awesome! I enjoyed every second of this learning experience.”

"Really good course, highly recommend. ... The last time I tried to learn the source code was 20,000 lines of C#. Without the helper classes, this author achieves an awesome 3D Car game in less than 400 lines. In the past I have had a lot of issues with getting FBX from Blender into a THREE.js scene but here it is easily explained and worked effortlessly. Huge thanks to Nik for this fantastic course."

• If you are interested in creating multiplayer games then this is the course for you.
• If you want to learn to use Socket IO then this is the course for you.

• Only basic JavaScript is assumed

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

Reed courses certificate of completion

Digital certificate - Included