Getting started

Your First (demo) In-Game App!

Here’s what you need to do to create you first demo in-game app:

  1. Since we have not yet opened the SDK to the public, you first have to apply for our closed beta. Please send us an email to developers@overwolf.com, and we’ll make our best efforts to have you join our pack.
  2. Once you’ve been approved, we will send you an email with a link for downloading the SDK.
  3. If you already have the SDK, you’re good to continue.
  4. If you haven’t done so already, please start by downloading and installing Overwolf from www.overwolf.com.
  5. Exit Overwolf.
  6. Extract the SDK to a temporary folder.
  7. Run InstallOverwolfDemoApp.bat from the SDK package – Overwolf will now launch in development mode. You may want to create a shortcut to that file on your desktop for easier future access.
  8. Copy the “OverwolfDemoApp” folder from the temporary folder to your development folder; i.e. where you are used to work on HTML files, for example: C:\InetPub\www\OverwolfDemoApp\
  9. Open Overwolf’s settings (the small wrench icon you’ll see when mousing Overwolf), scroll to your development folder at the bottom of the “General” tab, and  edit the development folder, so that the path ends with the “OverwolfDemoApp” folder.

    10. Developers Settings

    Be sure to point to OverwolfDemoApp, and not to Files. I.e.,

    Developers Dir Selection

  10. Restart Overwolf and find the new app called “New App” in Overwolf’s “more apps” screen (the one that opens after you click the dock).
  11. If you see the “New App”, so far so good. Your first (demo) in-game app is ready.

    12. Developers More Apps

Working With the In-Game Demo App

When you click the “New App” icon, two windows will open. One is called the “Debug Console” and the other is the demo app itself.

The Debug Console has two sections:

  1. The upper control section, which contains buttons to:
    • Reload the demo app (after changing the files), acts as “refresh”.
    • Open the source directory (once it was defined in Settings > General).
  2. The lower log section, which contains loading errors and java script errors.

Time to Start Coding!

If you’ve made it this far, you can start working your magic on this greasy keyboard of yours…

  1. Click the “Source Dir” button in the debug console.
  2. While (your app is not ready) {
    • Reload the demo app (after changing the files), acts as “refresh”.
    • Open the source directory (once it was defined in Settings > General).
    • See the changes in your app
    • Fix your app}
  3. When your done, follow the instruction in the submission process to submit your app.