What is the Chrome Web Store?
The
Google Chrome Web Store hosts apps, extensions and themes for the
Google Chrome web browser. You can publish your games and apps to the Chrome Web Store for extra exposure to users of Google Chrome. To find out more, check out
their own description of the Web Store. This tutorial will show you how to get your games and apps on there!
To see what the end result is like, try the
Space Blaster demo on the Web Store.
Before you start
Here's a list of things you'll need before you get going.
1. A Google account.
2. Your completed game or app!
3. $5 for the Web Store developer registration fee.
4. The
Chrome web browser to try it out.
5. Two icons for your app in the sizes 16x16 and 128x128.
6. A 1280x800 sized banner for the app, and a 440x280 sized image for a promotional tile.
(7. Optionally, if you're making a Hosted App, you'll need your own server to host the app on. You'll also need to verify the site via Google Webmaster Tools.)
Let's get started!
Registering
Sign up a Google Account
First of all, if you don't have one already, sign yourself up a
Google account. Otherwise, make sure you're signed in to your existing account.
Pay the developer's fee
Sign in to the
Developer Dashboard for the Chrome Web Store. You'll need to pay a one-off $5 to register a developer account and publish apps to the Chrome Web Store. Hopefully that won't break the bank.
Exporting
Open up Construct 2 and open the project you want to publish. Make sure you have a description set for the project. You can set this in the project's properties. This is what will appear on the Web Store as the description for your app. While you're there, make sure your project has a good name set as well!
Click
Export Project in the ribbon or File menu. In the dialog that follows, make sure you switch the
Export for dropdown to
Chrome Web Store.
Make any other changes you want to the other settings, then click
Next. The following dialog appears allowing you to choose options for the Chrome Web Store.
First of all, notice the
App can work offline checkbox. Most games will work OK offline since all the files have already been downloaded. However, if you for some reason require an internet connection for the game to work (e.g. you use the AJAX object a lot), untick the checkbox.
The two types of app
There are two types of app you can use on the Web Store, which you can choose with the
Type dropdown list. These are:
Packaged app- Hosted on the Web Store itself
- You may not be able to upload your project if it is too big
- The app will only work in Google Chrome (unless you upload it somewhere else)
If your game is too big to be accepted as a packaged app, try deleting all the .m4a files from the exported directory. These are for audio to work in other browsers - Chrome doesn't need them. However, the maximum size should be big enough for most projects (there used to be a 10mb limit, but it appears to have been lifted).
Hosted app- This runs on your own server like a normal HTML5 app. However, it can still be listed in the Web Store like this. You'll need to have verified your website via
Google Webmaster Tools.
- There is no maximum size
- Users with other browsers can still visit the game URL and play the game.
Since a hosted app runs on your own server, you have to put in the URL to where it will be hosted under
Web URL. Also, you need to upload two sets of files: your HTML5 game itself, and the files necessary for the Web Store. For convenience Construct 2 exports these to different directories. This means you need to specify a second directory for
Save hosted app files to.
Note: although you can host games on Dropbox, we recommend you use your own host for Web Store hosted apps. Dropbox has a daily bandwidth limit that you will reach quickly if your game becomes popular.
Once you've decided which kind of app you're going to go for, click
Export. Remember if you made a
packaged app everything is in one folder, but if you made a
hosted app you should have two folders of files.