phonegap-assets
Version:
Generate phonegap assets based on the config.xml file. And icon generator for ios / android
88 lines (53 loc) • 2.92 kB
Markdown
This tool will take an image (1024*1024[min]) then generate a set of appropriate sizes icons for your Phonegap project. Also it creates splash screen images as well.
**Major change in V.2**
As of Version 2, the `phonegap-assets` becomes an interactive command line program. All the previous options will no longer apply.
And the core action that generate icon and splash now in two different command line program, `phonegap-assets-icon` and `phonegap-assets-splash`.
And since the creation of this tool, the landscape of mobile world has changed a lot. Now we only got two platforms left (well, sort of but many news things on the horizon like Harmony). And `cordova` / `phonegap` once again making breaking change to their `config.xml`. Instead of taking the `config.xml` we use a stock template (which include all the names and their sizes) as a map to generate icons and splash for you.
### Installation
It's recommended to install this globally
```sh
$ npm install phonegap-assets --global
```
## phonegap-assets
Just run it from command line:
```sh
$ phonegap-assets
```
Answer the questions (it will try to detect files it expects and fill out the default). And by the end you should have you icons / splash screen files.s
## phonegap-assets-icons
This one will only generate icons for ios / android (round / square).
It uses a stock `config.xml` file and use the sizes and name information.
If you use the default options, you will end up with two folders (ios/android) of resized images from your source icon file.
### How to use it
```sh
$ phonegap-assets-icons /path/to/your/icon.png
```
It expects a square png images no smaller then 1024x1024.
Then on the same place where you execute this command, you will get two folders of images
### options
* dest (-d) where you want to put the generated images
* platform(-p) you can specify just one type of images (ios/android)
* round (-r) you can pass a float number to fine tune the round, default is `0.0833`
## phonegap-assets-splash
More or less the same like `phonegap-assets-splash`
```sh
$ phonegap-assets-icons /path/to/your/splash.png /path/to/where/you/export
```
Options are almost identical to `phonegap-assets-icon` except there is no `round` option.
## Using it programmatically with `assetsGeneratorApi` (V2.2)
You can include this method in your program:
```js
const { assetsGeneratorApi } = require('phonegap-assets')
assetsGeneratorApi(type, inputObj, outputObj)
.then(result => {
// do your things with your result
})
```
* type (string) - "icon" or "splash"
* inputObj (object) - expected keys are: 'sourceFile' (required), 'type'
* outputObj (object) - expected keys are: 'destDir', 'quality', 'round', 'platform', 'flat'
And it will return a promise resolve the result array of output, or error when fail.
---
MIT (c) 2020 Joel Chu