kontra/docs/pages/download.js

Kontra HTML5 game development library

/**

Download the latest version of Kontra.

## Source Code

- [Global object production version](https://raw.githubusercontent.com/straker/kontra/master/kontra.min.js)
- [Global object development version](https://raw.githubusercontent.com/straker/kontra/master/kontra.js)
- [ES Module production version](https://raw.githubusercontent.com/straker/kontra/master/kontra.min.mjs)
- [ES Module development version](https://raw.githubusercontent.com/straker/kontra/master/kontra.mjs)
- [TGZ file](https://registry.npmjs.org/kontra/-/kontra-__packageVersion__.tgz)
- [Github repo](https://github.com/straker/kontra)

## Package mangers

- `$ npm install kontra`
- `$ yarn add kontra`

## CDN

### Global Object

```html
<script src="https://cdn.jsdelivr.net/npm/kontra@__packageVersion__/kontra.min.js"></script>
```
```html
<script src="https://cdn.jsdelivr.net/npm/kontra@__packageVersion__/kontra.js"></script>
```

### ES Module Import

```js
// exclude-tablist
import kontra from 'https://cdn.jsdelivr.net/npm/kontra@__packageVersion__/kontra.min.mjs';
```
```js
// exclude-tablist
import kontra from 'https://cdn.jsdelivr.net/npm/kontra@__packageVersion__/kontra.mjs';
```

## Custom Builds

As of kontra 6.0.0, custom builds can be achieved by using a module bundler such as [Rollup](https://rollupjs.org/) or [webpack](https://webpack.js.org/). Kontra supports ES modules, allowing you to use [tree-shaking](https://rollupjs.org/guide/en#tree-shaking) to only bundle the code you need.

* ```js
* // exclude-tablist
* // game.js
* import { Sprite, GameLoop } from 'kontra';
*
* let sprite = Sprite({
*   x: 100,
*   y: 100,
*   dx: 2,
*   width: 20,
*   height: 40,
*   color: 'red'
* });
*
* let loop = GameLoop({
*   update() {
*     sprite.update();
*   },
*   render() {
*     sprite.render();
*   }
* });
*
* loop.start();
* ```

```bash
$ rollup game.js --format iife --file game.bundle.js
```

@section Download
@page download
@packageVersion

*/