Loading
Alison Logo

Diploma in HTML5 Game Development

certifcate icon
Diploma in HTML5 Game Development
  • Description
  • Outcome
  • Certification
  • In this free online course Diploma in HTML5 Game Development you will learn about creating video games for mobile platforms and web browsers. You will be introduced to the Apache Cordova platform and Enchant.js game engine, how to create a map and player character for your game and add interaction and a battle system into your game. You will also learn about making a proper plan and documentation.

    The course begins by introducing you to the Apache Cordova platform for building mobile applications. You will learn to create maps and images for maps. You will also learn to create player characters, adding controls to the character, add collisions and using Enchants built-in collision detection system.

    Next, you will learn to create and add an inventory system for the player character. You will also learn to create non-player characters (NPCs) and getting the player to interact with the NPCs. This course will also teach you to create shop menu for the player character to buy game items. It also teaches about using Enchants scene stack and to create battle system for player character to fight enemy NPCs.

    Next, you will learn to construct a proper plan for developing your game, and issues to be addressed during planning. You will learn about the proper documentation that game development companies implement as part of their projects.

    You will also learn about adding magic to game's battle system, setting up a menu system, end game screen, and adding sound effects. The course also teaches you to build Azure website, create a server using Node.js, Express and Socket.IO to host multiplayer features for your game, and to connect players to the server. You will learn about further ideas to develop and expand the game.

    This free Alison course will be of great interest to those who wish to learn about developing video games or to further expand their programing knowledge.

    Prerequisites: Learners should have some knowledge of Java or JavaScript or computer programing.

  • Having completed this course you will be able to:
    - Describe how to setup your environment for developing games for windows phone in Microsoft Visual Studio.
    - Describe how to create and setup a map for your game.
    - Describe how to load sprites and other images into your game.
    - Describe how to add a playable character to your game.
    - Describe how to set collision in your game.
    - Describe how to give your playable character statistics and be able to display them.
    - Recognise the process of creating an inventory system in a video game.
    - Identify how to debug using the developer tools in web browsers.
    - Recognise the process of creating basic NPC interaction in a video game.
    - Discuss the process of creating a shop in a video game.
    - Describe how enchant scene stack works.
    - Recognise the process of setting up a battle system in a video game.
    - Identify how attacks are triggered in a video game battle system.
    - Explain ideas for extending your video game.
    - Identify updates and tools to upgrade to your visual studio development environment.
    - Explain the importance of making effective plans for developing your game.
    - Discuss topics and issues you will need to address in your game plans.
    - Describe the Documentation that is the industry standard for Games Development Companies.
    - Recognize UML Diagrams and their usefulness in helping visualize your system.
    - Identify how to create an Azure Website.
    - Discuss the process of building a Server with Node.js, Express and Socket.io
    - Discuss to process of Connecting the player to the server.
    - Identify ideas to further expand you video game.
    - Explain the process of adding a magic system to a video game.
    - Identify the process of adding sound to a video game.
    - Discuss the process of creating and adding a Quest System to a 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 share your success. Plus it’s:

    • Ideal for including in CVs, job applications and portfolios
    • An indication of your ability to learn and achieve high results
    • An incentive to continue to empower yourself through learning
    • A tangible way of supporting the Alison mission to empower people everywhere through education.

Modules List( 13 )
  • Diploma in HTML5 Game Development
  • Diploma in HTML5 Game Development - Course resources
  • Module 1: Introduction to Games Development
    • Learning Outcomes
    • Introduction
    • Installing Cordova, Creating Visual Studio Projects, and Importing Enchant
    • Modifying the Default Template
    • Lesson Summary
  • Module 2: Creating the Map and Player Character
    • Learning Outcomes
    • Setting up a Map
    • Preloading the Sprite and Setting Stage
    • Creating the Player
    • Controlling and Moving the Player
    • Lesson Summary
  • Module 3: Adding Collisions and Status Screen
    • Learning Outcomes
    • Collision
    • Status Screen
    • Lesson Summary
  • Module 4: Adding an Inventory System
    • Learning Outcomes
    • Adding an Inventory System
    • Lesson Summary
  • Module 5: Interacting with Non-Player Characters NPCs
    • Learning Outcomes
    • Basic Interaction
    • Creating a Shop
    • Lesson Summary
  • Module 6: Working with a Battle System
    • Learning Outcomes
    • Battle System
    • Trigger Attacks
    • Polishing and Extending Your Game
    • Lesson Summary
  • Module 7: Diploma in HTML5 Game Development - First Assessment
    • Diploma in HTML5 Game Development - First Assessment
  • Module 8: Introduction to Lessons and Development Planning
    • Learning Outcomes
    • Introduction
    • Lesson Summary
  • Module 9: Lessons Learned and Proper Documentation
    • Learning Outcomes
    • Lessons Learned
    • Proper Documentation
    • Lesson Summary
  • Module 10: Rounding out Gameplay
    • Learning Outcomes
    • Magic
    • Title Screen and Adding Sound
    • Adding a Quest System
    • Lesson Summary
  • Module 11: Multiplayer Proof of Concept
    • Learning Outcomes
    • Creating and Configuring an Azure Website
    • Building a Server with Node.js, Express, and Socket.io
    • Connecting the Player to the Server
    • Where to go from here
    • Lesson Summary
  • Module 12: Diploma in HTML5 Game Development - Second Assessment
    • Diploma in HTML5 Game Development - Second Assessment
  • END OF COURSE ASSESSMENT
  • Module 13: Diploma in HTML5 Game Development - Final Assessment
    • Diploma in HTML5 Game Development - Final Assessment
Topics List ( 5 )
Module 1: Introduction to Games Development
In this module you will learn about the Apache Cordova a platform for building native mobile applications for cross-platform development and installing Cordova in you Visual Studio environment. You will learn about the Enchant.js open a source game engine and including Enchant.js in your game project. You will learn about starting your game project in visual studio and removing unneeded items from the default template.
Topics List ( 6 )
Module 2: Creating the Map and Player Character
In this module you will learn about creating a map file for your game. You will learn how to create a 2D array to store you maps data in. You will learn how to preload sprite sheets and how to get your map data to read the right image from your sprite sheet. You will learn about creating a player character and adding him to the game screen. You will learn about different methods for setting up controls for moving your player character.
Topics List ( 4 )
Module 3: Adding Collisions and Status Screen
In this module you will learn about creating collision for you game. You learn about using Enchant.js built in functions for creating a collision layer. You will learn about creating statistics for your player character and how to display your player characters information on screen.
Topics List ( 3 )
Module 4: 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.
Topics List ( 4 )
Module 5: Interacting with Non-Player Characters 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.
Topics List ( 5 )
Module 6: 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.
Topics List ( 1 )
Module 7: Diploma in HTML5 Game Development - First Assessment
You must score 80% or more to pass this assessment.
Topics List ( 3 )
Module 8: Introduction to Lessons and Development Planning
In this module you will learn about the mistakes the presenters made when constructing their pervious build of the game. You will learn about making plans to ensure you don’t make these mistakes. You will learn about approaches and issues you should address before beginning development on you game.
Topics List ( 4 )
Module 9: Lessons Learned and Proper Documentation
In this module you will learn about the documentation that all games companies use. You will learn about the Game Design Document, its content and usefulness in a game development studio. You will learn about the Technical Design Document, its content and who in a game development team will make use of it. You will learn about UML diagrams and how they help visualize the design of your system.
Topics List ( 5 )
Module 10: Rounding out Gameplay
In this module you will learn about adding magic to your game and giving your player character the ability to use it. You will learn about setting up a title screen with buttons. You will learn about adding sound to you game and getting sound to loop. You will learn about creating a quest system in your game to give players a goal to achieve.
Topics List ( 6 )
Module 11: Multiplayer Proof of Concept
In this module you will learn about creating and configuring an Azure website. You will learn about building a server with Node.js, Express and Socket.IO to host your multiplayer game on. you will learn about connecting your player characters to the server you created. You will learn about ideas for expanding and further developing your game.
Topics List ( 1 )
Module 12: Diploma in HTML5 Game Development - Second Assessment
You must score 80 % or above to pass this assessment.
Topics List ( 1 )
Module 13: Diploma in HTML5 Game Development - Final Assessment
You must score 80 % or above to pass this assessment.
Course Features
  • Duration

    10-15 Hours

  • Publisher

    Channel 9

  • Video

    Yes

  • Audio

    Yes

  • Assessment

    Yes

  • Certification

    Yes

  • Price

    Free

  • Reward

    50 Pts

  • Responsive

    No

Reviews and Rate
This course has no reviews yet.
Tags