iPhone 6 / 6 Plus Emulator Skins

Solar2D iOS
#1

iPhone 6 / iPhone 6+ simulator skin configurations for Corona SDK, these are pre-set with screen resolutions of the new devices for those that need to test their layouts and graphics against the new screens. 

Instructions: Create two files “iPhone6.lua” and “iPhone6Plus.lua” with the code below and place them in your corona skins directory (see below), then simply select the Skin from the Corona SDK emulator screen.

– Corona Skin Directory info courtesy of Perry Clarke –

On Mac, the best place to put custom skins is: ~/Library/Application Support/Corona/Simulator/Skins/ On Windows, it's a bit variable due to different versions of the OS putting your home directory in different places but in general it's something like: %USERPROFILE%\AppData\Roaming\Corona Labs\Corona Simulator\Skins\

— iPhone6.lua —

simulator = { device = "ios-phone", screenOriginX = 0, screenOriginY = 0, screenWidth = 750, screenHeight = 1334, displayName = "iPhone 6", isUprightOrientationPortrait = true, supportsScreenRotation = true, windowTitleBarName = "iPhone 6  (750x1334)", }

— iPhone6Plus.lua —

simulator = { device = "ios-phone", screenOriginX = 0, screenOriginY = 0, screenWidth = 1080, screenHeight = 1920, displayName = "iPhone 6+", isUprightOrientationPortrait = true, supportsScreenRotation = true, windowTitleBarName = "iPhone 6+ (1080x1920)", }

Note. these skin configurations are provided for testing only and may require a Pro account to work, for those requiring additional functionality please await official corona sdk support.

For other details relating to iPhone 6 / 6+ and launch images .etc, see: http://forums.coronalabs.com/topic/51066-screenshots-and-new-iphone-size-compatibility/

thanks

#2

Awesome!  I knew you could set custom sizes in the simulator but didn’t realize you could do it like this.

 

I’ve also submitted this feedback item you may want to vote up!

 

http://feedback.coronalabs.com/forums/188732-corona-sdk-feature-requests-feedback/suggestions/6445359-iphone-6-and-6-plus-skins

#3

I just tried to make this work on OS X - I’m a pro subscriber, don’t seem to have a skins directory, and I tried manually adding one in “Corona SDK -> Resource Library” (currently only had an Android directory)

Anyone know how to make this work?

#4

Took me a while to find but you go to Applications -> CoronaSDK -> Right Click Corona Simulator -> Show Package Contents -> Resources -> Skins

But I could not get it to work. Simulator stops working as soon as I modify anything like adding a file or changing the files that are there.

#5

thanks for pointing that out jonjonsson - I found the Skins directory with your help but if I try opening the simulator it throws a fatal error.  Appears even if I just copy one of the files and change its name

#6

On Mac, the best place to put custom skins is:

 ~/Library/Application Support/Corona/Simulator/Skins/

On Windows, it’s a bit variable due to different versions of the OS putting your home directory in different places but in general it’s something like:

%USERPROFILE%\AppData\Roaming\Corona Labs\Corona Simulator\Skins\

Stuff put in here isn’t subject to getting lost when the Simulator is updated.

I’m working on iPhone 6 skins and they should be available shortly.

#7

Great, thanks Perry.

#8

That works like a charm, thanks Perry!

#9

Thanks Perry for providing the info, i’ve updated the original post and look forward to your official iPhone 6 skins : )  

#10

I have a question about the screenOriginX and screenOriginY properties.  

Surely those values change based on the content size specified in your config.lua file? So do we need to set them to anything other than 0, or are they just set here in case you don’t use the content scaling in config.lua?

#11

In this case no. those values are simply the placement of the emulator in the emulator view. 

The official iPhone 4/5 .etc setting files had offsets as they were superimposed on iPhone backdrops (basically images showing the iphone casing, theses screenOrigin offsets aligned the emulator to that image). For simplicity and for speed i didnt include any emulator backdrops (i.e. pics of the iphone 6/6+) so no offset is needed and can be set to zero.

again all the extra bells and whistles will be provided through official channels, please give time to the Corona staff as im sure everyone’s trying to get on top of the recent releases. 

#12

latest daily build has the official iphone 6/6+ skins

#13

screenOriginX and screenOriginY should be read only properties that show you the offset of the top, left corner from your defined config.lua settings.   These will usually be 0 if you’re using a dynamic config.lua to autosize, or 0 or a negative number depending on the shape of the screen vs. your defined width and height.

Rob

#14

Is it possible to get this added for the Starter build as well?  It sounded like it was only available for Pro or above users.

Thank you

#15

FYI, I did add both the iPhone skin files to the corona simulator skins director as identified by Perry above, but it didn’t work with the public 2393a build.

#16

Adding new skins to the existing public build isn’t something we can do.  The custom skins should be working.  But the versions we provide won’t be available to the next public release.  We are still working towards that public build but there are still too many moving pieces.

Rob

#17

Adding your own skins is a Pro and above feature.

What you can do until we can get the next Public Release organized is create a “Custom Device” with dimensions of 750x1334 for iPhone 6 or 1080x1920 for iPhone 6 Plus.

[Edit: unfortunately, this option is also only available to Pro and above]

#18

That sounds great Perry.  Where are the instructions for creating a “Custom Device”?  Thanks

#19

Once your Corona Simulator is up and running, go to Window --> View As --> Custom Device. Here you’ll be able to provide a name and resolution for your custom device.

#20

I am using Corona Simulator Version 2014.2393 (2014.8.5) on Mac.

When I go to Window --> View As -->   I don’t have a Custom Device option.  The options that I see are the following:

  • HTC Sensation
  • Motorola Droid
  • Nexus One
  • Samsung Galaxy S3
  • Kindle Fire
  • Kindle Fire HD 7"
  • Kindle Fire HD 9"
  • Nook color
  • Samsung Galaxy Tab
  • GameStick - 1280x720
  • GameStick - 1920x1080
  • Ouya - 1280x720
  • Ouya - 1920x1080
  • iPhone
  • iPhone 4
  • iPhone 5
  • iPad
  • iPad Retina

Thanks in advance for your help.

Steve