Learn the Skills Netflix, Meta, and Capital One Actually Hire For
Google, IBM & Microsoft Certificates — All in One Plan
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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