An App-Time Story: Build an App before you go to bed and earn $100 in the morning! Continued

Chapter Four: Export to Visual Studio

If  you are here, I assume you have customized the match template in the previous tutorial. Are you all done changing the imagines and text? It is time to go to Visual Studio 2012. (This section is from Jim O’Neil’s guide From Construct2 to Visual Studio)

This section might seem long but believe me it takes minutes, I promise.

1. Export the project from Construct 2:

Note: you will need to have Visual Studio 2012 (or Visual Studio 2012 Express for Windows 8) running on a Windows 8 machine to proceed.

6. You’ll see a File Explorer Window open into the directory containing the exported Visual Studio project. The important file is the one with a .sln extension and a type of Microsoft Visual Studio Solution.	7. Double-click that file to open Visual Studio 2012. One of the panels you will see open is the Solution Explorer, shown below. If other files open with Visual Studio too, you can just ignore them.
8. Double-click the package.appxmanifest file (highlighted above) from within the Solution Explorer.	9. In the panel that opens, select the Packaging tab (it will have a red X next to it)

.

14. At this point run your game just to make sure it works as you expected. You should check out snapped view (move mouse to top of screen until you see the hand cursor, then drag to middle of screen and then all the way left). Your app will now occupy about a third of the screen.

Depending on options you used while building your game, the snapped view may or may not be usable. If it is not, see https://bit.ly/Zu3KJl for some recommendations.

15. Before submitting to the store you need to provide a minimum of four graphics – three logos and a splash screen. These graphics have very specific size requirements (below) and should be .png or .jpg format. Use MS Paint or other free drawing tools to great these graphics.

Overwrite the existing file in the project directory (filenames below) with your custom graphics.

At this point you will need to have your Windows Store Account active and be able to login with your Microsoft Account ID and password.

16. Right-click on the project in Solution Explorer to bring up the menu, then select Store, and Associate App with Store… On the dialog that results, press the Sign in button

:

23. Continue with Selling details

Pick free, or charge if you like.

For the information on the rest of the page:

Press the Save button.

26. Continue with Cryptography

For Does this app call, support, contain or use cryptography or encryption? Select No.

Then check the checkbox that appears ( I confirm that this app is widely distributable to all jurisdictions without government review, approval, license or technology-based restriction.)

Finally, press the Save button.

At this point you have created most of the application profile in your Store developer account! Next you’ll go back to Visual Studio to create a package to upload your app to this new application profile.

29. In Visual Studio Solution Explorer, delete the file ending in TemporaryKey.pfx, by selecting it and clicking the right mouse button to bring up the dialog, then clicking delete. DO NOT DELETE the one ending in StoreKey.pfx.

.

Press OK when prompted to confirm you want to delete permanently

30. Select the Store -> Capture Screenshots… option by clicking the right mouse button on the project in Solution Explorer.

Press OK at the prompt.

31. The Simulator should automatically start and begin running your application. Play the game to some interesting points you want to highlight, then click the Camera button on the right to take one or more screen shots. You will need these later when you finish the application profile in your Store developer account.

The screen shots will be stored by default in your My Pictures library, in a directory called Windows Simulator.

32. Back in Visual Studio, select the Store, Create App Packages… option

33. On the resulting dialog, leave Yes selected and press the Sign in button, to sign into your store account again.

36. On the next screen, click the link labelled Output location; that will open a File Explorer window that you should leave open.
You can optionally run the Windows Application Certification Test Kit locally to make sure you’ve made all the correct changes to the template.

37. Continue editing your application profile on your Windows Store account Developer Dashboard. If you no longer have the site up, navigate to https://dev.windows.com, click the Dashboard menu, and then Edit your existing application profile.

38. Packages

Drag the appxupload file from the File Explorer windows over to the Packages field on the web page, and wait for the transfer to complete.

When it’s done, press the Save button.

39. Description

You’ll need to provide description information and graphics for your application listing on the Windows Store; see the table below for a description of these items as well as which of them are required.

Finally, press the Save button:

40. Notes to testers – optional, but you must at least visit the page and click the Save button.

41. You’re done!!! Press the Submit for Certification button.

You’ll get an e-mail confirming the certification, and you should hear within a couple of days (or even sooner) via another e-mail if your application has passed certification!

Don’t forget to submit your app to App Madness  you have a chance to win $100.