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

Learn How To Make Games: Videogame Development in Unity (Skillshare) Skillshare
Skillshare

Learn How To Make Games: Videogame Development in Unity (Skillshare)

Learn How to Make Videogames with the Unity Game Engine. If you've ever wondered how videogames are made and if you want to learn how to do so, this course is for you! I have spent more than two years learning about Unity both by working on little projects and by enrolling myself in pure self-learning. I'll teach you all of the fundamentals about Unity and a lot of mental processes to follow when you want to develop your own game, no matter the software you are using.

Self Paced
Self-Paced
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
Games, Sensors and Media (Coursera) Coursera
University of California, Irvine

Games, Sensors and Media (Coursera)

You will learn to make fluid digital interactive experiences that are suitable for gaming and use the advanced sensor hardware built into the iPhone and iPad. This includes drawing 2D graphics, playing sounds and music, integrating with Game Center, the iOS physics engine and detecting device orientation and location.

Aug 3rd 2026
4 Weeks
Learn Firebase (Coursera) Coursera
Scrimba

Learn Firebase (Coursera)

In this comprehensive course, aspiring front-end developers will discover the transformative capabilities of Firebase. By leveraging Firebase's cloud architecture, you can seamlessly incorporate a wide array of features into your applications using HTML, CSS, and JavaScript. This newfound flexibility is underpinned by Firebase's cloud functions, which empower you with dynamic functionalities.

Aug 10th 2026
3 Weeks
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
Typescript Design Patterns (Object-oriented programming) (Skillshare) Skillshare
Skillshare

Typescript Design Patterns (Object-oriented programming) (Skillshare)

Object oriented design patterns help you create more robust and flexible software. In this course I will show you how to use these patterns in TypeScript. Design patterns are best practices that will help you solve common problems in programming. There is no need to solve a generic problem that has been solved many times before. Simple example: how do you write a system that allows user to order a product and customize some of its features?

Self Paced
Self-Paced
Introduction to Game Design (Coursera) Coursera
California Institute of the Arts

Introduction to Game Design (Coursera)

Welcome! This course is an introduction to the primary concepts of gaming, and an exploration of how these basic concepts affect the way gamers interact with our games. In this course you will understand what defines a “game” and the mechanics and rules behind different types of games. Through four linked assignments you'll learn ways to create and describe a game concept, and specifically what makes a compelling game. This course focuses on the conceptual underpinnings of games, and all assignments can be completed with a pencil and paper – no previous programming knowledge is required.

Jul 27th 2026
4 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
Twitter API JavaScript Node Exercise (Skillshare) Skillshare
Skillshare

Twitter API JavaScript Node Exercise (Skillshare)

Twitter API JavaScript Node Exercise. Explore the Twitter Developer API connect from your local machine. Use AJAX JavaScript and Node to setup twitter search. Perfect course for beginners to explore the MASSIVE twitter API. This course will teach you how to setup a local server, connect the Twitter API and return data to output into your web page. Its amazing how much information is available on Twitter, connecting the API is easy and can provide real world working experience with JSON AJAX and APIs.

Self Paced
Self-Paced