OpenCourser brand icon
Sign in
We may earn an affiliate commission when you visit our partners.
Course image
Udemy logo

An Inventory & Crafting System in Javascript with Phaser

4.4 Filled star Filled star Filled star Filled star Empty star
Based on 31 ratings
see reviews
Morgan Page

If you need to practise your javascript...

If you want to learn some new ES6 stuff...

If you have ever wanted to create an inventory and/or crafting system for your game...

Then this course is for you.

You will get experience using:

  • Inventory systems

  • Crafting systems

  • User Interface creation

  • ES6

  • Classes

  • Arrays

  • Objects

  • Functions

  • Phaser 3

Adding an inventory and crafting system to a survival game is fun way to practise Javascript and Phaser.

Read more

If you need to practise your javascript...

If you want to learn some new ES6 stuff...

If you have ever wanted to create an inventory and/or crafting system for your game...

Then this course is for you.

You will get experience using:

  • Inventory systems

  • Crafting systems

  • User Interface creation

  • ES6

  • Classes

  • Arrays

  • Objects

  • Functions

  • Phaser 3

Adding an inventory and crafting system to a survival game is fun way to practise Javascript and Phaser.

The game includes:

  • Animations

  • Basic Enemy AI

  • Audio

  • Mouse & Keyboard Input Handling

  • Advanced Matter Physics

Full source code is included.

I hope you enjoy the course.

Enroll now

What's inside

Syllabus

Introduction
Inventory & Crafting
Course Level
Getting Started
Read more

Traffic lights

Read about what's good
what should give you pause
and possible dealbreakers
Uses Phaser 3, a popular open-source HTML5 game framework, which allows developers to create games that run in web browsers and on mobile devices
Provides hands-on experience with inventory and crafting systems, which are common features in many popular game genres, such as RPGs and survival games
Includes animations, basic enemy AI, audio, and advanced Matter physics, which are all essential components of a complete game experience
Employs ES6 features, offering learners exposure to modern JavaScript syntax and best practices, which are valuable for web development beyond game development
Requires familiarity with Javascript, which may pose a barrier to entry for those without prior programming experience, so beginners should start elsewhere

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.
Save

Reviews summary

Phaser 3 inventory & crafting system

According to learners, this course is a highly practical and well-structured way to build essential inventory and crafting systems in Phaser 3. They praise the instructor's clear explanations and responsiveness, noting that the step-by-step approach makes it easy to follow if you have basic Javascript knowledge. While some reviewers mention it's not for absolute programming beginners, the majority found it provided a solid foundation for applying JS and Phaser concepts to game development. The course delivers exactly what it promises and is considered excellent value. Recent reviews highlight the instructor's effort to keep the course updated.
Instructor updates course content and code.
"The course has been updated to work with the latest versions of Phaser, which is great."
"...the instructor is active in the Q&A and helpful if you run into problems."
"He seems to update the code from time to time, which is good..."
The course fulfills expectations set by the title.
"Fantastic course! Teaches you exactly how to set up a working inventory & crafting system in Phaser."
"This course gave me exactly what I needed to add inventory and crafting to my game."
"The course delivers precisely what the title suggests, focusing on these core systems."
"Great course, does exactly what is says."
The course is well-structured and easy to follow.
"The course is very well structured and easy to follow along."
"The steps are well-defined and easy to grasp, making the coding process smooth."
"Explanations are clear and concise, which is great for understanding the code."
"Everything is explained very clearly."
Focuses on building useful inventory and crafting systems.
"Fantastic course! Teaches you exactly how to set up a working inventory & crafting system in Phaser."
"The skills learned here for the inventory and crafting system are directly applicable to game development."
"This course provides a solid foundation for implementing essential game mechanics like inventory and crafting."
"Everything is explained very clearly. Now I know how to create inventory/crafting systems in my game."
The instructor is clear, helpful, and responsive.
"The instructor is great. Very clear and helpful. Makes complex things manageable."
"...the instructor is active in the Q&A and helpful if you run into problems."
"Thank you for this wonderful course, clear and useful, always ready to answer question."
"The instructor is fantastic and very patient with explaining everything step by step."
Assumes some prior JavaScript knowledge is helpful.
"This course requires some prior Javascript knowledge. It's not for absolute beginners."
"Good course, but maybe a little bit hard for absolute beginners in programming..."
"The pace assumes familiarity with basic JS syntax and concepts."

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 An Inventory & Crafting System in Javascript with Phaser with these activities:
Review ES6 Concepts
Solidify your understanding of ES6 features like classes, arrow functions, and destructuring before diving into the course.
Browse courses on ES6
Show steps
  • Read articles and tutorials on ES6 features.
  • Practice using ES6 syntax in small coding exercises.
  • Review the differences between ES5 and ES6.
Brush Up on Phaser 3 Basics
Revisit the fundamentals of the Phaser 3 game engine to ensure a smooth learning experience.
Browse courses on Phaser 3
Show steps
  • Review Phaser 3 documentation and examples.
  • Create a simple Phaser 3 project with basic game elements.
  • Practice using scenes, sprites, and input handling.
Eloquent JavaScript, 3rd Edition: A Modern Introduction to Programming
Use this book to reinforce your JavaScript knowledge, especially if you are new to the language or need a refresher.
View Melania on Amazon
Show steps
  • Read the chapters related to JavaScript fundamentals.
  • Complete the exercises at the end of each chapter.
  • Experiment with the code examples in a JavaScript environment.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Implement a Basic Inventory System
Build a simplified inventory system in Phaser 3 to practice the concepts taught in the course.
Show steps
  • Create a new Phaser 3 project.
  • Design the data structure for storing inventory items.
  • Implement functions for adding, removing, and displaying items.
  • Create a simple UI to interact with the inventory.
Document Your Crafting System
Create documentation that explains the design and implementation of your crafting system.
Show steps
  • Describe the data structures used for crafting recipes.
  • Explain the logic behind the crafting process.
  • Create diagrams to illustrate the system's architecture.
  • Write a user guide for interacting with the crafting system.
Contribute to a Phaser 3 Project
Contribute to an open-source Phaser 3 project to gain experience working with a larger codebase and collaborating with other developers.
Show steps
  • Find an open-source Phaser 3 project on GitHub.
  • Identify a bug or feature to work on.
  • Fork the repository and create a new branch.
  • Implement the fix or feature and submit a pull request.
Extend the Crafting System
Add new features to the crafting system, such as item durability, enchantments, or advanced crafting recipes.
Show steps
  • Brainstorm new features to add to the crafting system.
  • Design the data structures and logic for the new features.
  • Implement the new features in the Phaser 3 project.
  • Test the new features thoroughly.

Career center

Learners who complete An Inventory & Crafting System in Javascript with Phaser will develop knowledge and skills that may be useful to these careers:
Game Developer
A game developer designs and creates video games for various platforms. This often involves writing code, designing game mechanics, and implementing user interfaces. This course helps game developers by giving experience with inventory systems, crafting systems, and user interface creation. The course's focus on Phaser 3, animations, and basic artificial intelligence elements may be useful for any aspiring game developer. The course's use of Javascript and ES6 may be useful for a game developer.
See salaries and explore the career path for Game Developer
Computer Programmer
Computer programmers write and test code that allows computer applications and software programs to function properly. This career involves translating designs from software developers and engineers into detailed instructions that a computer can understand. The experience gained with using Javascript, ES6, classes, arrays, objects, and functions may be useful for any individual considering becoming a computer programmer.
See salaries and explore the career path for Computer Programmer
Software Engineer
Software engineers are involved in designing, developing, testing, and evaluating software applications and systems. They apply principles and techniques of computer science, engineering, and mathematical analysis to create effective solutions. This course can help by strengthening skills in Javascript and ES6 practices. The practical experience with objects, arrays, and functions available in this course may be useful for anybody interested in becoming a software engineer.
See salaries and explore the career path for Software Engineer
User Interface Developer
User interface developers are responsible for designing and implementing the user interface of applications and software. This requires a strong understanding of user experience principles, as well as proficiency in relevant programming languages and frameworks. This course is directly applicable to work done by a user interface developer by giving experience in user interface creation. The course's use of Javascript and Phaser 3 may be useful.
See salaries and explore the career path for User Interface Developer
Web Developer
Web developers create and maintain websites. This involves writing code, designing layouts, and ensuring the website functions properly. This course may be useful, since the course provides Javascript practice. A web developer must also have knowledge of user interface creation, which this course goes over explicitly.
See salaries and explore the career path for Web Developer
Front-End Developer
A front end developer focuses on the user-facing portion of web applications, handling aspects like layout, design, and interactivity. They work closely with UI/UX designers to translate designs into functional code. This course may be useful, as it involves work on Javascript and ES6. The course's focus on user interface creation gives knowledge of how to approach the problems faced by any front end developer.
See salaries and explore the career path for Front-End Developer
Mobile App Developer
A mobile app developer creates applications for mobile devices, such as smartphones and tablets. Their responsibilities include designing user interfaces, writing code, testing applications, and ensuring compatibility across different devices. This course may be useful because it helps provide a practical understanding of Javascript and ES6. The course's focus on user interface creation helps a mobile app developer.
See salaries and explore the career path for Mobile App Developer
Software Developer
Software developers create computer applications. They analyze the needs of the user and then develop software solutions. They might update existing software or create something entirely new. You may find this course useful, as it will allow you to develop skills in inventory systems, crafting systems, and user interface creation. The course's focus on Phaser 3, animations, and basic artificial intelligence elements may be useful for any aspiring software developer.
See salaries and explore the career path for Software Developer
Game Designer
A game designer conceptualizes and designs the various elements of a video game. They define the game's rules, mechanics, story, and user experience. This course may be useful for a game designer because it helps with inventory systems and crafting systems. Game designers need a broad familiarity with animation and artificial intelligence, both of which are touched upon in this course.
See salaries and explore the career path for Game Designer
Simulation Developer
A simulation developer creates simulations for various purposes, such as training, research, or entertainment. Their responsibilities may include designing the simulation environment, developing realistic models, and implementing user interfaces. Creating a survival game makes for a natural parallel to the work of a simulation developer. This course's instruction on animations, audio, and advanced matter physics may be particularly useful to a simulation developer.
See salaries and explore the career path for Simulation Developer
Animator
Animators create moving images using computer software or traditional methods. They work in various industries, including film, television, video games, and advertising. You might find this course useful, because it provides experience with animations. Being able to put animations into an inventory and crafting system may be a useful skill to an animator.
See salaries and explore the career path for Animator
Artificial Intelligence Programmer
Artificial intelligence programmers design and implement AI algorithms and systems. This course may be useful for an artificial intelligence programmer because it helps with basic artificial intelligence. The coding experience can help build a foundation of understanding for an artificial intelligence programmer.
See salaries and explore the career path for Artificial Intelligence Programmer
Physics Programmer
Physics programmers implement realistic physics simulations in software applications or video games. You may find this course useful for a better understanding of advanced matter physics. The ability to create simulations for physics can make you more competitive, as a physics programmer.
See salaries and explore the career path for Physics Programmer
Sound Designer
Sound designers create and implement audio elements for various media, such as video games, films, and television shows. You may find this course useful, because it provides experience in audio. The ability to implement sounds in an inventory and crafting system may be a useful skill for a sound designer.
See salaries and explore the career path for Sound Designer
Data Scientist
Data scientists analyze large datasets to extract meaningful insights and inform decision-making. A data scientist typically needs a master's degree or a doctorate. You might find this course useful, as the Javascript coding experience can help. The use of arrays, objects, and functions in this course may be particularly helpful to a data scientist.
See salaries and explore the career path for Data Scientist

Reading list

We've selected one 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 An Inventory & Crafting System in Javascript with Phaser.

Share

Help others find this course page by sharing it with your friends and followers:
Facebook
LinkedIn
Reddit
X
Link
Email

Similar courses

Here are nine courses similar to An Inventory & Crafting System in Javascript with Phaser.
Crafting User Interface - End to End Web Development
Most relevant
Introduction to ES6+
Most relevant
The Complete JavaScript Course 2024: From Zero to Expert!
Most relevant
JavaScript Algorithms
Most relevant
Accelerated ES6 JavaScript Training
Most relevant
Understanding TypeScript
Most relevant
The Full JavaScript & ES6 Tutorial - (including ES7 &...
Most relevant
Game Development in JS/TS - The Complete Guide (w/ Phaser...
Most relevant
The Modern JavaScript Bootcamp
Most relevant

Udemy Buyer Protection & Guarantee

Verified partner policies & purchase protections

Global Marketplace Leader
Free Trial & Audit

Free Lecture Previews

Free preview video lectures available for all courses; optional 7-day free trial on Personal Plan subscriptions (cancel before trial ends to avoid conversion).

Return & Refund Policy

30-Day Money-Back Guarantee

30-day money-back guarantee on all eligible individual course purchases (provided course content has not been substantially consumed or downloaded). Subscription fees are non-refundable once billed.

Buyer Protections

Verified Academic & Industry Partner

Lifetime access to purchased individual courses and future updates, verifiable certificate of completion, and direct student Q&A forums.

Key Purchase Protections
30-day 100% money-back guarantee on course purchases
Lifetime access on web, mobile, and offline
Certificate of completion included with purchase
Direct instructor Q&A and active student community
OpenCourser Verified Partner Policy details last reviewed: 2026-10-22
Course image
Rating
4.4 Filled star Filled star Filled star Filled star Empty star
Effort
3 total hours
Via
Udemy
Instructor
Morgan Page
Language
English
Traffic lights
Read about what's good
what should give you pause
and possible dealbreakers
Uses Phaser 3, a popular open-source HTML5 game framework, which allows developers to create games that run in web browsers and on mobile devices
Provides hands-on experience with inventory and crafting systems, which are common features in many popular game genres, such as RPGs and survival games
Includes animations, basic enemy AI, audio, and advanced Matter physics, which are all essential components of a complete game experience
Employs ES6 features, offering learners exposure to modern JavaScript syntax and best practices, which are valuable for web development beyond game development
Requires familiarity with Javascript, which may pose a barrier to entry for those without prior programming experience, so beginners should start elsewhere
Share this
Share to help others discover this course.
Facebook LinkedIn X Reddit Link Email
Begin learning today
Enroll now to gain full access to An Inventory & Crafting System in Javascript with Phaser.
Enroll now
Save for later
Add this course to your list. Find it anytime.
Save
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 - 2025 OpenCourser