The Beginners Guide to 3D Web Game Development with Three.JS

Learn how to write JavaScript code while having fun creating games using the WebGL library, Three JS

4.15 (296 reviews)

Udemy

platform

English

language

Game Development

What you will 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.

Why take this course?

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, Three.JS 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!"

"Best course from best instructor in web development, especially in 3D web development. I recommend you check his other courses."

Screenshots

The Beginners Guide to 3D Web Game Development with Three.JS - Screenshot_01

The Beginners Guide to 3D Web Game Development with Three.JS - Screenshot_02

The Beginners Guide to 3D Web Game Development with Three.JS - Screenshot_03

The Beginners Guide to 3D Web Game Development with Three.JS - Screenshot_04

Reviews

Anastasia

October 12, 2023

I really like this course it requires some knowledge but you can't really expect to make a game without knowing how to code :) so I would say it is beginner friendly game-wise and it includes pretty much everything you need to get you started. The instructions are detailed and it is easy to follow. Highly reccomended if you are looking to get into gamedev and don't know where to start :)

Alessio

August 18, 2023

THIS COURSE IS GOOD FOR BEGINNER AND BEST FOR EXPERT The course is perfect if you want to understand the basics of javascript and threejs , and gives an overview of the process behind making games. I really reccomend this course if you are intrested in understanding what's behind web 3D game development. Suggestion: please teacher can you explain in more detail the logic behind the ready scripts you use in the code? there are many usefull thing i wish you can explain in more detail so one can understand the logic and customize for his purpouse. Thanks teacher.

Anna

August 14, 2023

learning a lot!!! ok,so I love 3D so much. I code in javascript cause you can do anything with it. I went back to school at age 50 for 2 years cause as a gamer I wanted to know how all that stuff that I was seeing and playing is created. You help me a lot with your courses cause I filled in a lot of blanks that I had. Very greatful that you have those courses! Thank you and please keep making courses

July 31, 2023

I think this course is not really designed for the complete beginner who has not touched any codes before, it is really fast pace and not easy to follow, but I think it might be a great course for anyone who is familiar with Javascript.

Matt

July 2, 2023

Love how everything is broken down into little steps with explanations. I'm not sure if its WebGL being simple or Nik being holistic but personally I think its the latter. Great work!

Armaan

May 20, 2023

This course teaches three js in the perfect pace with exciting topics and projects to work on while being easy to follow!

Jesus

April 30, 2023

Me gusta por que desafia tu conocimiento de programacion, y tu atension para resolver problemas, y cuando pasas los desafios avansas como cuando estas jugando un video juego, en suma , es un excelente curso..

Donald

March 26, 2023

Nik is easy to understand, organized, carefully explains everything, and responsive to messages. I'm really enjoying this course.

Víctor

February 19, 2023

Much of the code is prescribed which makes learning blurry and when you finish the course you don't feel up the courage to write your own game, it would have been more worthwhile to just create a game but build it from scratch.

Jonathon

December 22, 2022

Too much of the code is prewritten. The explanations are too fast. I don’t feel like i came out of this learning much.

George

November 16, 2022

really great explanation from zero to hero! Nik Lever brings coding in Javascript to a whole new level. Explained throughout are really clear examples required to create user interaction in an animated UI: physics, random objects, collision detection, and more. Opens so many possibilities, unleashing limitless creativity.

Riki

August 19, 2022

I appreciate that the Math course in here explains how, why and what math functions are important for games.

Mohamed

May 25, 2022

Best course from best instructor in web development, especially in 3D web development. I recommend you check his other courses.

Jesse

May 18, 2022

He goes pretty fast and while he has chapters to cover the basics of javascript and threejs, I really recommend having some basic knowledge of those topics first before you jump into this. He's very knowledgeable on the subjects so I feel like there's a few leaps and gaps that you have to fill in as a true beginner. As the name of the course suggests, this is more of a game development course and anyone trying to supplement their knowledge javascript and threejs with game development principles would greatly benefit from his expertise.

João

March 15, 2022

Before anything, let me start with saying that I'm a senior web developer, mostly self taught through online courses, with a lot of experience, and I wanted to learn web game development. That being said, I've never experienced such a poor teaching style ever. All he does is put a high speed video of him coding and voice-overs it the whole time. It's so fast paced you basically can't absorb any of the information. You wanna code along with him teaching? Forget it, unless you're willing to keep going back on the video three thousand times per minute. I gave up doing that less than half-way across the course and decided to just watch the videos and try to absorb, because it was so frustrating that I was losing the will to do it, and I catched myself swearing at my computer screen a bunch of times. And guess what? Just watching the videos doesn't work. A week from now I'll probably have forgotten everything because I couldn't practice it. Also, this isn't a THREE.js course, this is literally a badly-explained walkthrough on how to build his 3 games, that happens to use THREE.js here and there. I've never been so frustrated with a course in my entire life, and I just realized I bought another 3 courses from him (out of 9) that will probably be just like that. I'm doomed ?.

Charts

Price

Rating

Enrollment distribution

The Beginners Guide to 3D Web Game Development with Three.JS - Distribution chart