Project Structure

The logic is: there are two main areas:

  • the parts to make the end product
  • the end product

For web projects, this is not always that logical. So, what to do?

The release is the same as the src folder, but has a .git ignore folder for when it’s built…

Grunt file 
Ok, so it’s outdated, but it will do for now…

Based on the Advanced Game Design book – BUT, IS THE BEST APPROACH?

  • index.html
  • library
  • collision.js
  • display
  • engine
  • interactive
  • sound
  • tween
  • utilities

Consider how you are setting up your folders (see 

Working (src)

Tileset – tileset graphics in here

Tmx folder – Tilemap data – export to production folder

TSX folder –  Tileset data – export to production folder

Production ‘export’ folder (rel)

The image you created – export .png image

Scripts > set up one to be able to refresh/relaunch browser

A good place to start is with a template, to save heartache…

Pixel art tileset template