Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

JavaScript Ocean Cleaning Game with Three.JS

via YouTube

Overview

Create a 3D realistic ocean cleaning game using JavaScript and Three.JS in this comprehensive tutorial. Learn how to set up a new Vite project, implement an example Three.JS project, and load a 3D boat model. Develop a Boat class, handle keypress events for navigation, and design a Trash class for the pollution objects. Master collision detection techniques and generate multiple trash instances. By the end of this tutorial, gain the skills to build an engaging and environmentally-conscious game while exploring advanced JavaScript and 3D graphics programming concepts.

Syllabus

- Intro
- Setup
- New Vite Project
- Example Three JS Project
- Loading Boat Model
- Create Boat Class
- Keypress Events
- Creating Trash Class
- Collision Detection
- Multiple Trashes
- Conclusion

Taught by

Angle Brace

Reviews

Start your review of JavaScript Ocean Cleaning Game with Three.JS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.