Create a 3D Car Racing Game with THREE.js and CANNON.js
Create a 3D Car Racing Game with THREE.js and CANNON.js, available at $49.99, has an average rating of 4.35, with 34 lectures, 7 quizzes, based on 168 reviews, and has 1470 subscribers.
You will learn about You will have a knowledge of the THREE js library. You will have a working knowledge of how a physics engine works. Particularly CANNON js You will know how to adapt your assets to work with the CANNON RayCastVehicle class. You'll know how to use the position and rotation information from the physics engine and apply it to your assets. You will know how to use colliders in your scene to prevent your car driving through your 3d environment. This course is ideal for individuals who are If you are interested in developing 3D games that work in the browser including on mobile devices. or If you are interested in learning how physics engines work while creating a fun game. or If you want to know how to add a responsive GUI to your game. It is particularly useful for If you are interested in developing 3D games that work in the browser including on mobile devices. or If you are interested in learning how physics engines work while creating a fun game. or If you want to know how to add a responsive GUI to your game.
Enroll now: Create a 3D Car Racing Game with THREE.js and CANNON.js
Summary
Title: Create a 3D Car Racing Game with THREE.js and CANNON.js
Price: $49.99
Average Rating: 4.35
Number of Lectures: 34
Number of Quizzes: 7
Number of Published Lectures: 33
Number of Published Quizzes: 7
Number of Curriculum Items: 41
Number of Published Curriculum Objects: 40
Original Price: $27.99
Quality Status: approved
Status: Live
What You Will Learn
- You will have a knowledge of the THREE js library.
- You will have a working knowledge of how a physics engine works. Particularly CANNON js
- You will know how to adapt your assets to work with the CANNON RayCastVehicle class.
- You'll know how to use the position and rotation information from the physics engine and apply it to your assets.
- You will know how to use colliders in your scene to prevent your car driving through your 3d environment.
Who Should Attend
- If you are interested in developing 3D games that work in the browser including on mobile devices.
- If you are interested in learning how physics engines work while creating a fun game.
- If you want to know how to add a responsive GUI to your game.
Target Audiences
- If you are interested in developing 3D games that work in the browser including on mobile devices.
- If you are interested in learning how physics engines work while creating a fun game.
- If you want to know how to add a responsive GUI to your game.
Creating a car racing game that works in a browser including mobile devices has never been easier. Using the two Open Source libraries THREE.js and CANNON.js this course takes you through the steps you will need to know and builds towards a complete car racing game. On the way you will learn
-
How to setup your development environment
-
How to access free and low cost assets to use in your game.
-
How to edit those assets to work with the THREE.js and CANNON.js libraries.
-
How to use THREE.js to add 3D to an HTML page.
-
The basics of THREE.js lights, cameras and meshes.
-
The basics of the CANNON.js library, including rigid bodies.
-
How to debug your physics either using the CannonDebugRenderer or using the CannonHelper class created by the author. Both are included in the resources for the course.
-
How to use the CANNON.RayCastVehicle class to add a car with suspension and fully working wheels.
-
How to apply your own assets to the RayCastVehicle and add colliders so it bumps into your content.
-
How to add a responsive GUI to the game
The course includes the assets for car racing game as shown in the course image and promo video. The author has won awards for the 3D games he has produced. Learn from an expert who has been creating games for over 30 years. The game we’ll develop allows the player to choose from optional, body, engine, exhaust and wheels. It involves driving a remote controlled car around a garden track.
It’s a great way to improve your JavaScript skills along the way. All code uses the latest ES6 style, using classes throughout.
Course Curriculum
Chapter 1: Introduction
Lecture 1: Welcome to the course
Lecture 2: JavaScript in 12 Easy Lessons – e-book
Lecture 3: Introduction
Lecture 4: Setting up a Web Server
Lecture 5: 3D Basics
Lecture 6: How to get your assets
Lecture 7: Using Blender
Chapter 2: Introducing THREE.js
Lecture 1: The THREE.js website
Lecture 2: Your first 3D app
Lecture 3: The FBXLoader class
Chapter 3: Introducing CANNON.js
Lecture 1: The CANNON.js website
Lecture 2: CANNON.js basics
Lecture 3: More about rigid bodies
Lecture 4: Debugging your physics
Chapter 4: The CANNON.RaycastVehicle class
Lecture 1: Creating a CANNON.RaycastVehicle
Lecture 2: Adding wheels
Lecture 3: Using the JoyStick class to control your vehicle
Lecture 4: Limitations for colliders
Chapter 5: Adding the eye-candy
Lecture 1: Sizing your assets
Lecture 2: Adding colliders
Lecture 3: Loading your assets
Lecture 4: Converting the colliders to Cannon Bodies
Lecture 5: Adding a SkyBox
Lecture 6: Adding checkpoints and resetting the car
Lecture 7: Using the Preloader class
Lecture 8: Adding SFX
Chapter 6: Adding a GUI
Lecture 1: Limiting the GUI to the corners and the centre
Lecture 2: Adding onclick events
Lecture 3: Controlling the width and height for different screens
Lecture 4: What have you learned?
Chapter 7: Conclusion
Lecture 1: More fun with THREE.js and CANNON.js
Lecture 2: Three.JS with NPM and Vite
Lecture 3: Bonus Lecture
Instructors
-
Nicholas Lever
Game developer
Rating Distribution
- 1 stars: 11 votes
- 2 stars: 14 votes
- 3 stars: 35 votes
- 4 stars: 44 votes
- 5 stars: 64 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024