meteor-cordova-splash

Automatic splash screen generator for Meteor with Cordova. Create a splash screen (2732x2732px) once in the root folder of your Meteor project and use meteor-cordova-splash to automatically resize and copy it for Android and iOS.

The generated images will be placed in resources/launch_screens/

Installation

$ npm install meteor-cordova-splash -g

Requirements

ImageMagick installed (Mac: brew install imagemagick, Debian/Ubuntu: sudo apt-get install imagemagick, Windows: See here)

Usage

Create a splash.png file in the root folder of your Meteor project and run:

$ meteor-cordova-splash

Config

Copy relevant contents the configuration below to your mobile-config.js file.

// mobile-config.js
App.launchScreens({

  // iOS splash screens
  iphone5: 'resources/launch_screens/iphone5.png',
  iphone6: 'resources/launch_screens/iphone6.png',
  iphone6p_portrait: 'resources/launch_screens/iphone6p_portrait.png',
  iphone6p_landscape: 'resources/launch_screens/iphone6p_landscape.png',
  iphoneX_portrait: 'resources/launch_screens/iphoneX_portrait.png',
  iphoneX_landscape: 'resources/launch_screens/iphoneX_landscape.png',
  ipad_portrait_2x: 'resources/launch_screens/ipad_portrait_2x.png',
  ipad_landscape_2x: 'resources/launch_screens/ipad_landscape_2x.png',
  ipad_portrait_pro_10_5: 'resources/launch_screens/ipad_portrait_pro_10_5.png',
  ipad_landscape_pro_10_5: 'resources/launch_screens/ipad_landscape_pro_10_5.png',
  ipad_portrait_pro_12_9: 'resources/launch_screens/ipad_portrait_pro_12_9.png',
  ipad_landscape_pro_12_9: 'resources/launch_screens/ipad_landscape_pro_12_9.png',

  // iOS splash screens legacy
  iphone_2x: 'resources/launch_screens/iphone_2x.png',
  ipad_portrait: 'resources/launch_screens/ipad_portrait.png',
  ipad_landscape: 'resources/launch_screens/ipad_landscape.png',

  // Android splash screens
  android_mdpi_portrait: 'resources/launch_screens/android_mdpi_portrait.png',
  android_mdpi_landscape: 'resources/launch_screens/android_mdpi_landscape.png',
  android_hdpi_portrait: 'resources/launch_screens/android_hdpi_portrait.png',
  android_hdpi_landscape: 'resources/launch_screens/android_hdpi_landscape.png',
  android_xhdpi_portrait: 'resources/launch_screens/android_xhdpi_portrait.png',
  android_xhdpi_landscape: 'resources/launch_screens/android_xhdpi_landscape.png',
  android_xxhdpi_portrait: 'resources/launch_screens/android_xxhdpi_portrait.png',
  android_xxhdpi_landscape: 'resources/launch_screens/android_xxhdpi_landscape.png',
  android_xxxhdpi_portrait: 'resources/launch_screens/android_xxxhdpi_portrait.png',
  android_xxxhdpi_landscape: 'resources/launch_screens/android_xxxhdpi_landscape.png'

});

Icons

Check out meteor-cordova-icon

Acknowledgements

This is a fork of cordova-splash by Alex Disler. Most of the work was already done by him.

License

MIT

emilbryggare / meteor-cordova-splash Goto Github PK