# Cocos HTML Pack for game 2D/3D

Single html web mobile template for Cocos version 2x build 3d game. It's based on [Cocos HTML Pack](https://github.com/ez-connect/cocos-html-pack.git) with bug fixes and some enhancements
- Written in NodeJS
- All resouces are packed into a single HTML file
- Minify your HTML
- Tinify your images
- Compress resources to reduce the file size

Tested on Cocos Creator v2.4.5

## Install

```
npm i -g cocos-html-pack-3d
```

## Build config

Disable `MD5 Cache` in `Project > Build...`
Fix when build compress error: /lib/Packer.js change: var inflateJS = fs_1.default.readFileSync(path_1.default.join(__dirname, '../node_modules/pako/dist/pako_inflate.js')); --> var inflateJS = fs_1.default.readFileSync(path_1.default.join(__dirname, '../../../node_modules/pako/dist/pako_inflate.js'));

## Usage

```
cocos-html-pack-3d [options]

Options:
  -V, --version          output the version number
  --templates            override template dir in 'pack-templates'
  -i, --input <path>     input dir, build/web-mobile for example
  -o, --output <path>    output dir
  -t, --title <value>    page title if use the default template
  --orientation <value>  portrait or landscape (default: "portrait")
  --minify               compress js, css and html
  --tinify <key>         compress and optimize JPEG and PNG images
  --compress             compress assets and js
  -h, --help             display help for command
```

## Example

Pack from `build/web-mobile` to `build/web-mobile-pack`

```
cocos-html-pack --input build/web-mobile --output build/web-mobile-pack --title Test
```

If you want to override templates

```
cocos-html-pack --templates
```

Add or change templates in `./pack-templates`, they will be used instead of default templates

```
cocos-html-pack --input build/web-mobile build/web-mobile-pack
```

Minify

```
cocos-html-pack --input build/web-mobile --output build/web-mobile-pack --minify
```

Minify & tinify

```
cocos-html-pack --input build/web-mobile --output build/web-mobile-pack --minify --tinify <your-tinypng-key>
```

Minify & compress

```
cocos-html-pack --input build/web-mobile --output build/web-mobile-pack --minify --compress
```

---
Minify & tinify & compress

```
cocos-html-pack --input build/web-mobile --output build/web-mobile-pack --minify --compress --tinify <your-tinypng-key>
```