Loading

€11.99 €9.99

Become an Alison Ambassador with Alison T-Shirts!

Pre-Order Now!
Alison Logo

HTML5 Game Development - Working with Inventory System, NPCs and Battle System

Join 3,771 other students
HTML5 Game Development - Working with Inventory System, NPCs and Battle System
  • Free

  • Channel 9

  • 2-3 Hours

  • Assessment

  • Certification

  • 50 Pts

  • Description
  • Outcome
  • Certification
  • The free online course HTML5 Game Development - Working with Inventory System, NPCs and Battle System introduces you to important concepts such as creating an inventory for your player character, running & debugging in your web browser, and creating non-player characters for your game. You will learn about creating new scenes, how enchant.js organizes scenes in a stack format, and about creating a battle system for your game to have some playability.


    The course begins by teaching you about creating an inventory for your player character to use and display on-screen. It also teaches about loading in additional sprite sheets to your game, and about debugging your code in a web browser.

    Following that, this course offers to learn about creating non-player character (NPC) objects for your player to interact with, and provide insights in getting NPC images out of your already loaded sprite sheets. This course also involves enchants scene stack for creating and displaying new scenes and you will learn about creating a shop for player characters to buy items in.

    Finally, you will learn about setting up a battle scene including the win and lose conditions. You will also learn about creating an enemy NPC for your player character to fight against, creating attacks for both your player character and enemy NPC. It also includes finishing touches and ideas to expand the game.

    This free Alison course would be of great interest to those who wish to further their knowledge of computer game development and make games for mobile platforms and web browsers.

  • Having completed this course you will be able to:
    - Describe the process of creating an inventory system in a video game.
    - Explain how to debug using the developer tools in web browsers.
    - Describe the process of creating basic NPC interaction in a video game.
    - Describe the process of creating a shop in a video game.
    - Describe how enchant.js scene stack works.
    - Explain the process of setting up a battle system in a video game.
    - Describe how attacks are triggered in a video game battle system.
    - Describe how to generate new ideas for extending your video game.

  • All Alison courses are free to study. To successfully complete a course you must score 80% or higher in each course assessments. Upon successful completion of a course, you can choose to make your achievement formal by purchasing an official Alison Diploma, Certificate or PDF.

    Having an official Alison document is a great way to celebrate and share your success. It is:

    • Ideal to include with CVs, job applications and portfolios
    • A way to show your ability to learn and achieve high results

Modules List( 4 )
  • HTML5 Game Development: Working with Inventory Sys...
  • HTML5 Game Development: Working with Inventory System, NPCs and Battle System - Course resources View Resource
  • Module
    1
    Adding an Inventory System
    • In this module you will be introduced to the process of creating an inventory system for your player character. You will learn about creating an array to hold your player characters inventory. You will revisit loading in sprites from a sprite sheet. You will learn about displaying the players inventory and closing the display. You will learn about running debugging in a web browser to step through and find bug and errors in your code.
    • Learning Outcomes
    • Adding an Inventory System
    • Lesson Summary
  • Module
    2
    Interacting with NPCs
    • In this module you will be introduced to the process of having your player character interact with Non-Player Characters(NPCs). You will learn about creating NPC objects and how to load their specific sprites out of your sprite sheet. You will learn about setting up basic interaction between you player character and NPCs. You will learn about using Enchant’s scene stack to display new scene in your game as well as removing the new scene to view the previous scene. You will learn about setting up a show for your player character to buy items in.
    • Learning Outcomes
    • Basic Interaction
    • Creating a Shop
    • Lesson Summary
  • Module
    3
    Working with a Battle System
    • In this module you will learn about creating a battle system for your game. You will revisit the process of creating a new scene to display your battle. You will learn about creating a NPC with statistics similar to the player character with health and attack points. You will learn about creating win and lose conditions for your games battle system. You will learn about creating attacks for both the player character and enemy NPCs. You will learn about adding the finishing touches to your game and ideas which to further expand your game.
    • Learning Outcomes
    • Battle System
    • Trigger Attacks
    • Polishing and Extending Your Game
    • Lesson Summary
  • END OF COURSE ASSESSMENT
  • Module
    4
    HTML5 Game Development - Working with Inventory System, NPCs and Battle System Assessment