Simple setup for JS13K using Typescript

Bare bones setup to start a JS13K game.

Node scripts

• dev : Start dev server (using webpack-dev-server)
• build:dev : Build app to public folder (without optimizations)
• build:prod : Build app to public folder (with minimization and tree shaking)
• package: Build prod and pack public/index.html and public/main.js to a zip file, checking for the size to be below 13K

Links

Graphics

• Kontra
• TinyCanvas

Music

• TinyMusic

ECS

• JS13K-ECS

Misc

• Tutorial
• WebGL

Notes

• module in tsconfig.json cannot be commonjs for tree-shaking to work
• The example app uses Kontra, TinyMusic and JS13K-ECS
• To have the chrome debugger work with the dev server in visual studio code add the following to the configurations in launch.json

{
  "type": "chrome",
  "request": "launch",
  "name": "Launch Chrome",
  "url": "http://localhost:8080",
  "sourceMaps": true,
  "sourceMapPathOverrides": {
      "webpack:///./*": "${workspaceRoot}/*",
      "webpack:///src/*": "${workspaceRoot}/*",
  }
}

To do

• Finish the types definitions for JS13K-ECS
• Finish the types definitions for TinyMusic
• Add types definitions for either Kontra or TinyCanvas (depending on the used one)