Learn Three.js while building a 3D game with physics (Skillshare)

Offered by Skillshare,
Learn Three.js while building a 3D game with physics (Skillshare)

In this course, we create a 3D game with physics. We will use Three.js to generate the 3D graphics and Cannon.js to simulate physics in this game. If you haven’t used these libraries before don’t worry. This is an introductory course both for Three.js and Cannon.js. We will go through everything in detail. We go through, how to set up the scene, how to add lights, how to set up the camera, how to add animation and event handlers, and finally, we will add physics

The only thing you need to be familiar with is JavaScript, but we won’t do anything crazy with that either. So if you have a basic understanding of JavaScript, and you want to learn Three.js then this is a good start.
In this class, we are going through how to create a game with Three.js and Cannon.js. There are multiple ways you can do your own version of the game. You can take the concepts of this video and build your own version, or you can copy what I came up with and change the game to your liking. You can just go to my version, click the Fork button at the bottom right corner and you can change its code. There are many comments in my version, so if anything was unclear in the course, you can find your answers there.
Make it your own. Make sure your game has a unique look and game logic.
Some challenges you can take:

  • Be more generous. It's impossibly hard to reach a high score in this game so why not help the player a bit? If the placement of the box is close enough, then do not cut it, or maybe even make it a little bigger.
  • Add a cool background and change the color scheme to your liking.
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

How to Create Tic-Tac-Toe Game for iPhone using Swift in Xcode - [iOS App Tutorial] (Skillshare) Skillshare
Skillshare

How to Create Tic-Tac-Toe Game for iPhone using Swift in Xcode - [iOS App Tutorial] (Skillshare)

Welcome to the course 'How to create Tic-Tac-Toe Game for iPhone using Swift in Xcode - [iOS App Tutorial]' where our aim is to develop the famous Tic Tac Toe or also called as X and O game for your iPhone using Swift and Xcode. Want to create your own X&O Game for your iPhone and iPad? You have come to the right place. You only need basic knowledge about Swift and Xcode to take this class. If you have a bit of other programming experience, then don't worry, you'll catch up fast.

Ses
Self-Paced
World Design for Video Games (Coursera) Coursera
California Institute of the Arts

World Design for Video Games (Coursera)

Start creating your world. A game world is not just a backdrop for your game—be it minimal or detailed, contained or part of a much bigger universe, it provides the context for your player. Ultimately, a game world should feel alive and wholly unique to any player who will experience it. In this course, we will explore game worlds in existing games and study the art and influences that inform their themes and styles. We will also investigate key components of environment and level design as well as strategies designers use to define gameplay or advance it. We’ll also look at navigation and the elements that make your world as real (or unreal) as you want it to be.

Sep 21st 2026
4 Weeks
How to Make a VR YouTube Video (Skillshare) Skillshare
Skillshare

How to Make a VR YouTube Video (Skillshare)

Hey, I run a VR YouTube Channel with consistent high views and engagement and I am going to show you how you can make your very own VR content. This is a beginners course, but the results will be outstanding. We’ll be using Unity and Adobe Premiere. In this class, you will learn the basics of Unity 3D, which you can also use for video game development.

Self Paced
Self-Paced
How to Get Into Web Development (Coursera) Coursera
University of Leeds

How to Get Into Web Development (Coursera)

Adding web development to your skillset is an excellent career move if you are into coding and you seek career growth and advancement. In this online course, you will explore the web development specialisations - front-end, back-end and full-stack development, and understand the different roles in a web development team.

Sep 28th 2026
2 Weeks
Javascript Fun: Build a Tip Calculator! (Skillshare) Skillshare
Skillshare

Javascript Fun: Build a Tip Calculator! (Skillshare)

Welcome to the Javascript fun series! For web design or development, there are 3 must-know technologies, HTML, CSS, and Javascript. The main aim of the Javascript fun series is to take your knowledge of these 3 (only a little is required!), and put them into practice by building a series of educational, yet fun projects that show you exactly how they work perfectly together. Working on projects and solving problems is a great way to learn

Self Paced
Self-Paced
Fundamentals of Web Development (Coursera) Coursera
Illinois Tech

Fundamentals of Web Development (Coursera)

This course will cover the creation of Web pages and sites using HTML, CSS, Javascript, jQuery, and graphical applications as well as the client and server architecture of the Internet and related web technologies. The creation and deployment of modern, standards-compliant web pages are addressed. Students create and deploy a Web site with multiple pages and cross-linked structures.

Oct 5th 2026
5-12 Weeks
Introduction to ES6+ (Coursera) Coursera
Scrimba

Introduction to ES6+ (Coursera)

Introduction to ES6+ covers modern JavaScript features, specifically ES6 and newer ECMAScript versions. JavaScript, a widely used programming language in various domains, is essential for developers aiming to stay relevant across web applications, servers, mobile, and IoT devices. Developers who are already familiar with JavaScript will be able to update their skills and broaden their knowledge in this tiny but mighty course.

Oct 5th 2026
1 Week
Create a website with your own simple, custom CMS using HTML, CSS, JavaScript, Django, & Python! (Skillshare) Skillshare
Skillshare

Create a website with your own simple, custom CMS using HTML, CSS, JavaScript, Django, & Python! (Skillshare)

In the next few videos, I'm going to teach you how to create a completely custom, CMS-driven website from scratch using a Job Listing website as an example. *This is a step by step tutorial with explanations along the way. This class is mainly going to be for designers who have some HTML, CSS, and JavaScript experience, who are maybe tired of manually entering data for portfolio pages and want to create a more efficient solution.

Self Paced
Self-Paced
Jobs & Roles in the Game Industry & How to Get Them! (Skillshare) Skillshare
Skillshare

Jobs & Roles in the Game Industry & How to Get Them! (Skillshare)

40 years ago, game production was a lot less complicated. Back then, it wasn’t uncommon for one person to write, design, & code a single game in as little as a couple months. Nowadays however, the expectations for the average gamer is significantly more demanding. While the every expanding complexity of creating a game, may sound like a bad thing to some, in actuality it’s a great thing.

Self Paced
Self-Paced
Gamification (Coursera) Coursera
University of Pennsylvania

Gamification (Coursera)

Gamification is the application of game elements and digital game design techniques to non-game problems, such as business and social impact challenges. This course will teach you the mechanisms of gamification, why it has such tremendous potential, and how to use it effectively.

Sep 28th 2026
5-12 Weeks