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

Software

Starter Code

Inventory

Starting The Inventory Scene

Starting The Inventory

Adding Items to the Inventory

It's Such a Drag

Inventory Selection

Strawberry Picking

Crafting

Starting the Crafting Scene

The Crafting Scene

Items and Mats

The Crafting Model

Back to the Crafting Scene

Crafting Selection

Show Me the Crafting

Craft Work

Finale

The End :-(

Adding a placeable Ballista

Ballista Baby!

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.

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

An Inventory & Crafting System in Javascript with Phaser

What's inside

Syllabus

Save this course

Activities

Career center

Reading list

Share

Similar courses