Making a Game

  1. Install GameJS
  2. Make a folder (anywhere you want). You can call it anything. The files inside of this folder will be archived into a .gjs game.
  3. Within the folder, make a file called config.json Write the following in it: 
    {
 "name":"[name of your game]",
 "description":"[description of your game]",
 "logo":"logo.png",
 "version":"[version of your game]",
 "author":"[your name]",
 "copyright":"[copyright for your game]",
 "credits":"[credits for your game]",
 "website":"[website for your game]",
 "feedback":{
     "bugs":"[link to where people can report bugs]",
     "suggestions":"[link to where people can make suggestions]"
 },
 "resources":{
 },
 "overrideFiles":true,
 "files":{
     "/":"index.html"
 },

 "gamejs":{
     "version":"1",
     "build":"any",
     "os":"any"
 },

 "gjs":{
     "version":"1"
 }
}
  4. Make a folder within the first folder, and call it files.
  5. Within files, make a new file index.html within the folder, and write the following in it:
    ```html <!DOCTYPE html>
[your game name] 
6. Make a file in the folder called __logo.png__. It can just be an image. It will be stretched to 250 by 125 px.
7. Within __files__, make a new file __myGameScript.js__. Write the following in it:
```js
console.log("My Game Works!");
  1. Archive the files. If you are in Windows 10, select config.json and files. Right-click and open Send to > Compressed (zipped) folder. Rename the compressed file [your game name].gjs.
  2. Put the file into your Games folder in GameJS.
  3. Run the app and you should see your game!

Extra Notes

1. resources

In config.json, you may have seen the key resources. If your game uses extra resources, such as the JavaScript game engine Phaser 3, you can use some packaged with GameJS. To do this, enter the following in-between the curly brackets (“{}”):
"/phaser.js":"Phaser"
The key (/phaser.js) assigns a link to the resource, and the value (Phaser) is the name of the resource.
To reference Phaser in the HTML, you can do the following:
<script src="/phaser.js"></script>

List of available resources:

Phaser 3 - Phaser