https://github.com/poetic/meteor-assets
https://github.com/poetic/meteor-assets
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/poetic/meteor-assets
- Owner: poetic
- Created: 2015-10-11T07:17:49.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2015-12-02T20:47:13.000Z (over 9 years ago)
- Last Synced: 2025-01-24T17:14:38.883Z (5 months ago)
- Language: JavaScript
- Size: 9.77 KB
- Stars: 3
- Watchers: 16
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Assets
Automatically generates icons and splash screen assets.
### Installation
`$ meteor add poetic:assets`
### Configuration
###### How to Use:
Before running your meteor app add any launch/splash screen images and app icons to the root directory of your folder. App icons should be named icon.png and launch/splash screen images should be named splash.png. Check requirements for iOS icons below. Once the files are generated the package will no longer generate new icons or splash images in order to speed up meteor configuration at startup.
###### File Structure:
```
Sample Project
└───client
└───server
└───lib
└───public
└───private
└───assets
└───icons
│ icon.png
etc.
└───splash
│ splash.png
etc.
```
### Mobile
When running your meteor project on an ios simulator simply set up your `mobile-config.js` to show both app icons and launch screens at launch. Check out [meteor documentation](http://docs.meteor.com/#/full/mobileconfigjs) to make sure your mobile-config.js file is set up properly. The generated images should include all those needed for each iPhone size. Check out the size guide below for further reference.
###### App Icons: private/assets/icon
```
iPhone: 60 X 60: appicon-60.png
iPhone: 120 X 120: [email protected]
iPhone: 180 X 180: [email protected]
iPad: 76 X 76: appicon-76.png
iPad: 152 X 152: [email protected]
android_ldpi: drawable-ldpi.png
android_mdpi: drawable-mdpi.png
android_hdpi: drawable-hdpi.png
android_xhdpi: drawable-xhdpi.png
```
###### Launch Screens: private/assets/splash
```
iPhone: Default.png
iPhone_2x: [email protected]
iPhone5: [email protected]
iPhone6: [email protected]
iPhone6p_portrait: [email protected]
iPad Portrait: 768 X 1004: ios-Default-Portrait.png
iPad Portrait: 1536 X 2008: [email protected]
iPad Landscape: 1024 X 748: ios-Default-Landscape
iPad Landscape: 2048 X 1496: ios-Default-Landscape@2x
android_ldpi_portrait: drawable-ldpi.png
android_mdpi_portrait: drawable-mdpi.png
android_hdpi_portrait: drawable-hdpi.png
android_xhdpi_portrait: drawablexhhdpi.png
```
### Installation Cont.
###### iOS Icons
For the best result png image must first be in the shape of a square, same width and height, and no smaller than 180 x 180 (1024 x 1024 recommended).
###### Splash Images
Splash screen sizes should correspond to the density and generalized size of the user's display. For best results use a square image of 1600x1600 pixels that includes the minimal amount of padding, making sure that the outer most pixels are all of the same color. The logo should generally be placed in the middle of the image for the best look.
*This packages uses the npm package [TIcons](https://github.com/FokkeZB/TiCons-CLI).