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

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

Learn JavaScript (Coursera)

This is perhaps the most interactive JavaScript course ever recorded. It contains 140+ coding challenges, meaning that you will finally build that ever-so-important JavaScript muscle memory. You will solve the challenges directly in the browser thanks to Scrimba's interactive video technology, so there's not setup needed. Say goodbye to "tutorial hell" and get ready to start feeling your JavaScript superpowers grow exponentially.

Nov 9th 2026
4 Weeks
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
Low Poly Art For Video Games (Coursera) Coursera
Michigan State University

Low Poly Art For Video Games (Coursera)

This course is aimed to give you the tools and knowledge you need to start creating simple 3D art for video games made in the Unity game engine. Through the aesthetic of pixel art we will explore artistic principals like shape language, color theory, and composition as well as show you a step by step workflow for creating assets that you can use to make your own games.

Nov 2nd 2026
5-12 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
Desarrollo de Videojuegos 3D en Unity: Una Introducción (Coursera) Coursera
Universidad de los Andes

Desarrollo de Videojuegos 3D en Unity: Una Introducción (Coursera)

Este curso te permite crear un prototipo de juego 3D, explorando los conceptos necesarios y las herramientas para desarrollo de videojuegos en 3D disponibles en Unity y en la Web. Explorarás y harás uso de herramientas para crear una escena 3D en Unity, podrás agregar personajes y animaciones 3D e integrarlas en los escenarios que crees, podrás definir comportamiento e interacción entre elementos del videojuego, y publicar en la Web los resultados de lo que diseñes. Vas a utilizar como base los conceptos aprendidos en el curso introductorio de desarrollo, ahora aplicados a juegos 3D.

Nov 16th 2026
5-12 Weeks
The Complete Guide to Aiming in Fortnite (Skillshare) Skillshare
Skillshare

The Complete Guide to Aiming in Fortnite (Skillshare)

Have you been struggling to win Fortnite matches and tournaments? Do you get out-aimed by your opponents? This course is for you! Aiming is crucial in most games out there, and how well you can aim will determine your chances at the Victory Royale. Enhance your Fortnite gameplay by learning how to out-aim your opponents. This course will cover the basic, intermediate, and advanced aspects of aiming along with tactics to maximize your warmups and preparation before casual, arena, or tournament matches.

Self Paced
Self-Paced
Javascript Fun: Build a Photo Effects App! (Skillshare) Skillshare
Skillshare

Javascript Fun: Build a Photo Effects App! (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
Building a basic portfolio website using HTML, CSS and JavaScript (Skillshare) Skillshare
Skillshare

Building a basic portfolio website using HTML, CSS and JavaScript (Skillshare)

Ever wanted to create your own website but don't know where to begin? Start your web development journey here with Dr Simon Rose. In this free practical class, you'll build and publish your own portfolio website from scratch in under 2 hours using HTML, CSS and JavaScript. The class is taught by a university lecturer and is adapted from an Intro to Web Development university module.

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.

Nov 2nd 2026
4 Weeks