An Inventory & Crafting System in Javascript with Phaser from Udemy

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.

What's inside

Syllabus

Introduction

Inventory & Crafting

Course Level

Getting Started

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

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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.

An Inventory & Crafting System in Javascript with Phaser

What's inside

Syllabus

Traffic lights

Save this course

Reviews summary

Phaser 3 inventory & crafting system

Activities

Career center

Reading list

Share

Similar courses