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
Learn React (Coursera) Coursera
Scrimba

Learn React (Coursera)

The ultimate React 101 - the perfect starting point for any React beginner. Learn the basics of modern React by solving 140+ interactive coding challenges and building eight fun projects. In this 143-part interactive tutorial, you'll learn how to build dynamic, interactive web applications with React.js. With Scrimba’s head of education, Bob Ziroll, as a guide, you’ll get to know all the bang-up-to-date features of React and fix them firmly in your memory by using them to create hands-on projects.

Sep 21st 2026
3 Weeks
Interactive Data Visualization: Getting Started with D3.js - V5 (Skillshare) Skillshare
Skillshare

Interactive Data Visualization: Getting Started with D3.js - V5 (Skillshare)

D3.js has become the standard for creating custom interactive data visualizations for the web. This feature-rich open source javascript library allows you to create dynamic and extremely diverse experiences that can interact with users and any other element on a web page. For programmers familiar with Javascript, it is not hard to pick up and run with D3 very quickly. For those with limited javascript experience, it can be intimidating.

Self Paced
Self-Paced
How To Create a Website in a Weekend! (Project-Centered Course) (Coursera) Coursera
The State University of New York

How To Create a Website in a Weekend! (Project-Centered Course) (Coursera)

In this project-centered course*, you’ll design, build, and publish a basic website that incorporates text, sound, images, hyperlinks, plug-ins, and social media interactivity. We’ll provide you with step-by-step instructions, exercises, tips, and tools that enable you to set up a domain name, create an attractive layout for your pages, organize your content properly, ensure that your site functions well across different operating systems and on mobile devices, keep your site safe, and finally, let people know your site is online. We’ll even show you how to track your visitors.

Sep 14th 2026
3 Weeks
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
Learn React Router 6 (Coursera) Coursera
Scrimba

Learn React Router 6 (Coursera)

Learn React Router v6, the most popular routing library for React applications and one of the most downloaded React support libraries ever. In this course, you’ll learn the most important parts of the React Router (v6) library while building an app called “VanLife”, an app for renting decked-out travel vans for your next road trip adventure.

Sep 21st 2026
3 Weeks
Create an RSS Feed Reader with Node and Vue.js (Skillshare) Skillshare
Skillshare

Create an RSS Feed Reader with Node and Vue.js (Skillshare)

In this class, you will build an RSS feed reader with Node and Vue.js. We’ll cover using command-line utilities to scaffold out a project, and use Github in tandem with Netlify to deploy our app to a live environment. We will also use “serverless” technology afforded to us by Netlify which can deploy functions to AWS Lambda. We’ll use this to write a service that will consume RSS feeds that can be used in our application.

Self Paced
Self-Paced
Fundamentals of VueJS (Coursera) Coursera
Board Infinity

Fundamentals of VueJS (Coursera)

Welcome to the "Fundamentals of VueJS" course, a comprehensive journey into the world of Vue.js, a versatile and progressive JavaScript framework for building modern web applications. This course is structured into two modules, each designed to equip you with the knowledge and skills needed to become proficient in Vue.js.

Sep 28th 2026
2 Weeks
ES6 JavaScript Classes the Easy Way (Skillshare) Skillshare
Skillshare

ES6 JavaScript Classes the Easy Way (Skillshare)

In 2015, the JavaScript programming language got a major facelift with many improvements to the syntax and tons of new features. This new version is known as ES6, or ES2015, and each year since an updated version has been released. ES6 Classes, as well as instance and static methods, are vitally important to know and understand because so many projects and companies are migrating to the newest version of JavaScript. Many Front End libraries, such as React, rely heavily on the new Class syntax.

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