We may earn an affiliate commission when you visit our partners.
Course image
Udemy logo

The Beginners Guide to 3D Web Game Development with Three.JS

The JavaScript programming language is probably the most popular programming language in the world. Companies all around the global require developers who are proficient with this language. In this course I teach you about the language then apply your new skills to create three games.

Read more

The JavaScript programming language is probably the most popular programming language in the world. Companies all around the global require developers who are proficient with this language. In this course I teach you about the language then apply your new skills to create three games.

Before you write your first game you'll use your new JavaScript skills and the popular Open Source library, Three.JS to create several simple online 3D apps. Once you know enough about the ThreeJS library it's time to create your first game. The first game is a simple game. Here you'll learn about loading assets, moving assets, user input and collision testing.

The course builds on the skills you learn. The next game is a shooter and you learn how to animate a player avatar, how to control NPC characters so they patrol on a random path using navigation meshes and path-finding. You'll learn how to control the avatar with a keyboard or gamepad and on a mobile using an on-screen controller. You'll learn how to fire bullets at the enemy and add AI to the NPCs so they fire back. All the key ingredients of a shooter game.

The last game uses the physics engine CannonJS to control the motion of balls in an Eight-ball Pool game.

Along the way you'll learn to use the 3D application program Blender to prepare your 3D assets for the games you develop.

Once you've completed the course you'll be super ready for any challenges an employer throws your way when writing JavaScript code. But the main thing is you'll have developed your much in-demand skills while having fun making games.

What students say about the course.

"Best web gaming course for ThreeJS. "

"... a go-to for 3D graphic designers, web designers ..."

"Great course for beginners or JavaScript developers looking to make games. "

"Best course from best instructor in web development, especially in 3D web development. I recommend you check his other courses."

Enroll now

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Learners will build a strong JavaScript foundation, making them highly sought-after in the tech industry
Utilizes industry-standard tools like Three.JS and Blender, equipping learners with industry-ready skills
Progresses from beginner-friendly concepts to advanced game development techniques
Provides hands-on experience in creating three distinct games, fostering practical application of skills
Leverages a popular online learning platform, ensuring accessibility and flexibility for learners
Instructors are not explicitly identified, limiting assessment of their expertise

Save this course

Save The Beginners Guide to 3D Web Game Development with Three.JS to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in The Beginners Guide to 3D Web Game Development with Three.JS with these activities:
Organize Course Materials
A well-organized study space will help you stay focused during your studies.
Show steps
  • Gather your notes, assignments, and other course materials
  • Create a system for organizing your materials
  • Set up a dedicated study space
Learn Blender Basics
Blender is used to create all the 3D assets for this course. Become familiar with its interface before getting started.
Browse courses on Blender
Show steps
  • Watch an online tutorial on Blender basics
  • Follow along with the tutorial and create a simple 3D model
Coding Practice
Practice your JavaScript coding skills to prepare for the assignments in the course.
Browse courses on JavaScript
Show steps
  • Find coding challenges online
  • Solve the coding challenges
  • Review your solutions against the best practices
Five other activities
Expand to see all activities and additional details
Show all eight activities
Review 3D Computer Graphics
Start by getting familiar with the basics of 3D rendering without getting bogged down by code.
Show steps
  • Read the introduction to the book
  • Read up on the history of computer graphics
  • Experiment with OpenGL
Create a Simple 3D App with Three.JS
Build a simple Three.JS app to apply your understanding of 3D rendering with JavaScript.
Browse courses on Three.JS
Show steps
  • Create a new Three.JS project
  • Add a 3D model to your scene
  • Animate your 3D model
Join a Study Group
Joining a study group is a great way to reinforce your understanding of the material with like-minded peers.
Show steps
  • Find a study group
  • Meet with your study group regularly
  • Discuss the course material and work on assignments together
Write a Blog Post about 3D Graphics
Share your learnings about 3D graphics with others to reinforce your understanding.
Browse courses on 3D Graphics
Show steps
  • Choose a topic related to 3D graphics
  • Write a blog post about the topic
  • Publish your blog post
Contribute to Three.JS
Contribute to the Three.JS open source project to deepen your understanding of its inner workings and make a meaningful impact.
Browse courses on Three.JS
Show steps
  • Find an issue to work on
  • Fix the issue and submit a pull request

Career center

Learners who complete The Beginners Guide to 3D Web Game Development with Three.JS will develop knowledge and skills that may be useful to these careers:
Game Developer
Game Developers design and code the digital rules and animations of a game. They work with programmers, producers, artists, and testers to bring their designs to life. This course may be useful for those who want to become Game Developers because it teaches the skills and techniques needed to create 3D web games with Three.JS.
3D Artist
3D Artists create 3D models and animations. This may involve working on a variety of projects, such as video games, movies, and TV shows. This course may be useful for those who want to become 3D Artists because it teaches the skills and techniques needed to create 3D web games.
Mobile App Developer
Mobile App Developers design and code mobile apps. This may involve designing the user interface, coding the app's logic, and testing the functionality of the app. This course may be useful for those who want to become Mobile App Developers because it teaches the skills and techniques needed to create 3D mobile games.
Web Developer
Web Developers design and code websites and web applications. This may involve designing the user interface, coding the backend logic, and testing the functionality of the site or application. This course may be useful for those who want to become Web Developers because it teaches the skills and techniques needed to create interactive 3D web experiences.
Game Designer
Game Designers design the gameplay, characters, and worlds of games. This may involve working with a team of artists, programmers, and producers to bring their designs to life. This course may be useful for those who want to become Game Designers because it teaches the skills and techniques needed to create 3D web games.
Web Designer
Web Designers design the user interface and visual elements of websites and web applications. This may involve working with a team of developers, producers, and marketers to bring their designs to life. This course may be useful for those who want to become Web Designers because it teaches the skills and techniques needed to create interactive 3D web experiences.
UI/UX Designer
UI/UX Designers design the user interface and user experience of websites and apps. This may involve working with a team of developers, producers, and marketers to bring their designs to life. This course may be useful for those who want to become UI/UX Designers because it teaches the skills and techniques needed to create interactive 3D web experiences.
Project Manager
Project Managers plan, execute, and close projects. This may involve working with a team of engineers, designers, and other stakeholders to ensure that projects are completed on time, within budget, and to the required quality standards. This course may be useful for those who want to become Project Managers because it teaches the skills and techniques needed to manage complex projects.
Software Engineer
Software Engineers design, code, and test software. This may involve working on a variety of projects, such as operating systems, applications, and games. This course may be useful for those who want to become Software Engineers because it teaches the skills and techniques needed to create interactive 3D experiences.
Technical Writer
Technical Writers create technical documentation, such as user manuals, white papers, and training materials. This may involve working with a team of engineers, scientists, and other experts to convey complex information in a clear and concise way. This course may be useful for those who want to become Technical Writers because it teaches the skills and techniques needed to communicate complex technical information to a variety of audiences.
Sales Engineer
Sales Engineers help customers understand and purchase complex technical products and services. This may involve working with a team of engineers, product managers, and other stakeholders to provide technical support and advice to customers. This course may be useful for those who want to become Sales Engineers because it teaches the skills and techniques needed to communicate complex technical information to a variety of audiences.
Data Scientist
Data Scientists use data to solve problems and make predictions. This may involve collecting, cleaning, and analyzing data, and then developing models to predict future outcomes. This course may be useful for those who want to become Data Scientists because it uses a variety of industry-standard tools and techniques.
Product Manager
Product Managers define the vision and roadmap for products. This may involve working with a team of engineers, designers, and other stakeholders to ensure that products meet the needs of customers and achieve business goals. This course may be useful for those who want to become Product Managers because it teaches the skills and techniques needed to manage product development.
Artificial Intelligence Engineer
Artificial Intelligence Engineers design and code AI systems. This may involve developing algorithms, training models, and testing the performance of AI systems. This course may be useful for those who want to become Artificial Intelligence Engineers because it introduces the concepts and techniques of AI.
Business Analyst
Business Analysts help organizations understand and improve their business processes. This may involve working with a team of engineers, managers, and other stakeholders to identify and solve business problems. This course may be useful for those who want to become Business Analysts because it teaches the skills and techniques needed to analyze and improve business processes.

Reading list

We've selected five books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in The Beginners Guide to 3D Web Game Development with Three.JS.
Provides a detailed overview of the architecture of game engines, including how they handle graphics, physics, and AI. It valuable resource for anyone who wants to learn how game engines work and how to create their own.
A concise guide to the core concepts of JavaScript, providing a solid foundation for understanding and working with the language.
A practical guide to using Blender for creating 3D assets for games, providing an understanding of modeling, texturing, and rigging workflows.
Practical guide to getting started with WebGL. It provides clear explanations and code examples that make it easy to learn how to create 3D graphics in the browser.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to The Beginners Guide to 3D Web Game Development with Three.JS.
WebGL w/ Unity: The Ultimate Guide to Games in the Browser
Most relevant
Godot 3 Complete Developer Course - 2D and 3D
Most relevant
3D Programming with JavaScript and the Three.js 3D Library
Most relevant
Full BabylonJS Game Dev (2D, 3D, Online with ColyseusJS)
Most relevant
Unity and C# basics
Most relevant
Guided Project: Learn JavaScript with Rock-Paper-Scissors
Most relevant
The Game Design and AI Master Class Beginner to Expert
Most relevant
CS50's Introduction to Game Development
Most relevant
Complete C# Unity Game Developer 2D
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser