This tutorial will help you get started with our HTML 5 Games. The video covers the basics on how to use the games. View the other tutorial videos for more detailed information.
Make sure that you make a copy of the game files so that you always have an original to go back to.
Important: You must use a modern browser to edit and view these games. For example only IE9 and newer will work.
Two Editing Methods
Method 1: Edit on a Server (Preferred Method)
Upload all of the files that you downloaded with your purchase to a web-server. (Game folder and Core folder) You can then use a browser to launch the config.html file in the game folder. That will launch an online editor.
Online Editor (config.html)
Method 2: Edit on your Computer
You can open the questions, design, and sounds ini files in Dreamweaver or a text editing program. After you make your changes you’ll need to upload the files to a server to view the games. You can not run the game locally, it must be placed on a server. (There is an easy way to create a webserver on your computer if you’d like to try. XAMPP)
Launching your Final Game
Ok, let’s say that you’ve done all of your game edits and are ready to go live. Notice in the game folder that there is a game.html file. You can simply open your browser and point to that file and the game will launch (if files are on a server). Then later on you can point back to the config.html file and make any edits that are needed. When you hit save the game will be updated and anyone using that game.html link will see your edits.
However you may also want to copy all of the final game files and place them on a different server (i.e. on your LMS or into your course files). Just copy the files wherever you’d like and then point to the game.html file.
Additional HTML 5 Tutorials
Changing Visual Elements, Backgrounds, and Colors in HTML 5 Games
Editing Questions and Answers in HTML 5 Games
Working with Audio in HTML 5 Games
Adding Images to Questions in HTML 5 Games