- Clone this repository.
- Open the repository in the command line and run
npm install
git clone https://github.com/lpender/meteor-assets
cd meteor-assets
npm install
This repository has been updated for usage with Meteor v1.3.
If meteor --version
is less than 1.3
:
git pull --tags
git checkout v0.0.2
-
Generate an icon at 1024x1024 and place it in
resources/icon.png
. -
Generate a splash screen at 2208x2208 and place it in
resources/splash.png
. -
Run
node meteor-assets
. -
Copy the
resources
directory to your app:cp -R resources /path/to/my/app
. -
Add this to your
mobile-config.js
App.icons({
"iphone_2x": "resources/icons/iphone_2x.png", // 120x120
"iphone_3x": "resources/icons/iphone_3x.png", // 180x180
"ipad": "resources/icons/ipad.png", // 76x76
"ipad_2x": "resources/icons/ipad_2x.png", // 152x152
"ipad_pro": "resources/icons/ipad_pro.png", // 167x167
"ios_settings": "resources/icons/ios_settings.png", // 29x29
"ios_settings_2x": "resources/icons/ios_settings_2x.png", // 58x58
"ios_settings_3x": "resources/icons/ios_settings_3x.png", // 87x87
"ios_spotlight": "resources/icons/ios_spotlight.png", // 40x40
"ios_spotlight_2x": "resources/icons/ios_spotlight_2x.png", // 80x80
"android_mdpi": "resources/icons/android_mdpi.png", // 48x48
"android_hdpi": "resources/icons/android_hdpi.png", // 72x72
"android_xhdpi": "resources/icons/android_xhdpi.png", // 96x96
"android_xxhdpi": "resources/icons/android_xxhdpi.png", // 144x144
"android_xxxhdpi": "resources/icons/android_xxxhdpi.png" // 192x192
});
App.launchScreens({
"iphone_2x": "resources/splashes/iphone_2x.png", // 640x490
"iphone5": "resources/splashes/iphone5.png", // 640x1136
"iphone6": "resources/splashes/iphone6.png", // 750x1334
"iphone6p_portrait": "resources/splashes/iphone6p_portrait.png", // 2208x1242
"iphone6p_landscape": "resources/splashes/iphone6p_landscape.png", // 2208x1242
"ipad_portrait": "resources/splashes/ipad_portrait.png", // 768x1024
"ipad_portrait_2x": "resources/splashes/ipad_portrait_2x.png", // 1536x2048
"ipad_landscape": "resources/splashes/ipad_landscape.png", // 1024x768
"ipad_landscape_2x": "resources/splashes/ipad_landscape_2x.png", // 2048x1536
"android_mdpi_portrait": "resources/splashes/android_mdpi_portrait.png", // 320x480
"android_mdpi_landscape": "resources/splashes/android_mdpi_landscape.png", // 480x320
"android_hdpi_portrait": "resources/splashes/android_hdpi_portrait.png", // 480x800
"android_hdpi_landscape": "resources/splashes/android_hdpi_landscape.png", // 800x480
"android_xhdpi_portrait": "resources/splashes/android_xhdpi_portrait.png", // 720x1280
"android_xhdpi_landscape": "resources/splashes/android_xhdpi_landscape.png", // 1280x720
"android_xxhdpi_portrait": "resources/splashes/android_xxhdpi_portrait.png", // 1080x1440
"android_xxhdpi_landscape": "resources/splashes/android_xxhdpi_landscape.png" // 1440x1080
})
Sizes thanks to https://github.com/meteor/meteor/blob/release-1.3/tools/cordova/builder.js
- This will crop splashes horizontally centered and vertically centered.
- This does not currently generate 9 patch images for Android.
It wouldn't be so bad to turn this into a proper CLI node package.