Launch the Skillz UI
Overview
Once the Skillz SDK is added to your project (Link to Install SDK page), it is time to start setting up the core of your game loop, launching the Skillz UI. Standard user flow is App Launch -> Landing Page -> Launching the Skillz UI and from within the UI your players will have a variety of different interface to interact with. To understand more about the Skillz UI, please refer to this documentation.
The below steps will walk you through setting up some core elements of the Skillz SDK, helping you to accomplish your first steps of your Skillz integration.
Important Note for Unity Integrations
To better understand how the Skillz SDK works with Unity please refer to our guidance on Unity Script Execution
Implement the SkillzDelegate
Control of your application is given to Skillz when you launch the Skillz UI. Because of this, you'll need to implement the Skillz Delegate interface, which contains callbacks that will be invoked for key events. There are three events that are essential for interacting with Skillz:
- When a match is starting.
- When the user is exiting the Skillz UI (via the sidebar menu).
- When trying to enter the Progression Room
- Unity/C#
- iOS/Swift
- iOS/Objective-C
- Android
For Unity, you need to implement the SkillzMatchDelegate
interface as a regular C# class. This will be instantiated when launching Skillz later.
using SkillzSDK;
public sealed class SkillzGameController : SkillzMatchDelegate
{
// Called when a player chooses a tournament and the match countdown expires
public void OnMatchWillBegin(Match matchInfo) {
}
// Called when a player clicks the Progression entry point or side menu. Explained in later steps
public void OnProgressionRoomEnter() {
}
// Called when a player chooses Exit Skillz from the side menu
public void OnSkillzWillExit() {
}
}
Full implementation of these methods is covered later
For iOS, the Skillz Delegate is available as a protocol named SkillzDelegate
. It is common to conform to this protocol in the interface that conforms to UIApplicationDelegate
.
#import <UIKit/UIKit.h>
#import <Skillz/Skillz.h>
@interface AppDelegate : UIResponder <UIApplicationDelegate, SkillzDelegate>
@end
#import "AppDelegate.h"
#import <Skillz/SkillzInstance.h>
@implementation AppDelegate
// Called when a player chooses a tournament and the match countdown expires
- (void)tournamentWillBegin:(NSDictionary *)gameParameters
withMatchInfo:(SKZMatchInfo *)matchInfo {
}
// Called when a player clicks the Progression entry point or side menu. Explained in later steps
- (void)onProgressionRoomEnter {
}
// Called when a player chooses Exit Skillz from the side menu
- (void)skillzWillExit {
}
@end
Full implementation of these methods is covered later
For iOS, the Skillz Delegate is available as an interface named SkillzDelegate
. It is common to adhere to this in the class that adheres to UIApplicationDelegate
.
import UIKit
import Skillz
@UIApplicationMain
class AppDelegate : UIResponder, UIApplicationDelegate, SkillzDelegate {
var window: UIWindow?
// Called when a player chooses a tournament and the match countdown expires
func tournamentWillBegin(_ gameParameters: [AnyHashable : Any], with matchInfo: SKZMatchInfo) {
}
// Called when a player clicks the Progression entry point or side menu. Explained in later steps
func onProgressionRoomEnter() {
}
// Called when a player chooses Exit Skillz from the side menu
func skillzWillExit() {
}
}
Full implementation of these methods is covered later
For Android, the Skillz Delegate takes the form of special <meta-data>
tags that are added inside the <application>
element of your app's AndroidManifest.xml
.
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="<your_package_name>" xmlns:tools="http://schemas.android.com/tools">
<application>
<meta-data android:name="skillz_game_activity" android:value="<your_game_activity>" />
<meta-data android:name="skillz_exit_activity" android:value="<your_activity_on_skillz_exit>" />
</application>
</manifest>
The skillz_game_activity
tag tells the Skillz SDK which activity to launch when a match starts. skillz_exit_activity
tells the Skillz SDK which activity to launch if the user exits the Skillz UI.
Initialize Skillz
Once you have at least stubbed in the delegate functions, you are not able to initialize Skillz. This is usually right after your game's process has finished launching or in your game's start screen (if there is one).
You must initialize Skillz before you can launch it.
- Unity/C#
- iOS/Swift
- iOS/Objective-C
- Android
#import <UIKit/UIKit.h>
#import <Skillz/Skillz.h>
@interface AppDelegate : UIResponder <UIApplicationDelegate, SkillzDelegate>
@end
#import "AppDelegate.h"
#import <Skillz/SkillzInstance.h>
@implementation AppDelegate
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
AppDelegate *delegate = self;
[[Skillz skillzInstance] initWithGameId:@"156"
forDelegate:delegate
withEnvironment:SkillzSandbox];
return YES;
}
@end
Here, we've initialized Skillz inside the application:didFinishLaunchingWithOptions
callback of UIApplicationDelegate. You must provide three arguments: your game's ID from the Developer Console, an instance of the SkillzDelegate
protocol, and which Skillz environment to run. Use SkillzSandbox
while developing your game, and SkillzProduction
when it's ready to go live on Skillz and the Apple App Store.
Note that the Skillz
protocol is a singleton. You should always invoke the methods from [Skillz skillzInstance]
.
import UIKit
import Skillz
@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate, SkillzDelegate {
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
Skillz.skillzInstance().initWithGameId("156", for: self, with: SkillzEnvironment.sandbox, allowExit: true)
return true
}
}
Here, we've initialized Skillz inside the application:didFinishLaunchingWithOptions
callback of UIApplicationDelegate. You must provide three arguments: your game's ID from the Developer Console, an instance of the SkillzDelegate
protocol, and which Skillz environment to run. Use SkillzEnvironment.sandbox
while developing your game, and SkillzEnvironment.production
when it's ready to go live on Skillz and the Apple App Store.
Note that the Skillz protocol is a singleton. You should always invoke the methods from Skillz.skillzInstance()
.
Initializing Skillz requires the following meta-data tags in your game's AndroidManifest.xml
file:
<meta-data android:name="skillz_game_id" android:value="156" />
<meta-data android:name="skillz_production" android:value="false" />
skillz_game_id
needs your game's ID from the Developer Console. Set skillz_production
to false
while developing your game; set it to true
when you are ready to go live on Skillz and the appropriate app store.
Skillz is initialized when your game starts up. Make sure you have configured your game appropriately.
Launch Skillz
With Skillz initialized, you can now launch it to take over control of your interface. Typically, Skillz is launched from your game's start screen. Specifically, we recommend that your game's start screen has a button to launch Skillz when it is clicked. The examples below all follow that pattern.
- Unity/C#
- iOS/Swift
- iOS/Objective-C
- Android
#import <Skillz/Skillz.h>
// ...
-(void)launchSkillzButtonPressed:(id)sender {
[[Skillz skillzInstance] launchSkillz];
}
// ...
import Skillz
// ...
func launchSkillzButtonPressed(_ sender: Any?) {
Skillz.skillzInstance().launch()
}
// ///
import android.os.Bundle;
import com.skillz.Skillz;
import com.skillz.SkillzActivity;
public class TitleScreenActivity extends SkillzActivity {
public void TitleScreenActivity() {
mSkillzButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Skillz.launch(this);
}
}
}
}
public sealed class TitleScreenController : MonoBehaviour
{
public void PressPlayButton() {
SkillzCrossPlatform.LaunchSkillz(new SkillzGameController());
}
}
To launch Skillz, you must pass in an object that implements the Skillz Delegate.
Note: Skillz Unity Lifecycle
The Skillz SDK does not change scenes. The Skillz Unity UI is a native iOS/Android Activity. So you'll only detect an OnApplicationPause when it loads or unloads.
To prevent problems with residual game-state, our suggestion is to create a simple "Loading" scene. Whenever you invoke either of the Skillz functions
SkillzCrossPlatform.LaunchSkillz(new SkillzGameController())
, orSkillzCrossPlatform.ReportFinalScore(score)
- your code should also load your "Loading" scene viaSceneManager.LoadScene
. This will force your current scene to unload, so that way every match will start with totally fresh assets.If your game is not making use of loading separate scenes - then instead of calling
SceneManager.LoadScene
- your code is instead responsible for cleaning up all of the variables and game-state in the current scene.
Exit Skillz
Users can exit Skillz via a sidebar menu item. When this happens, a callback in your Skillz Delegate implementation is invoked. You'll want to handle this callback to load an appropriate game screen. This typically will be the main menu/start screen.
- Unity/C#
- iOS/Swift
- iOS/Objective-C
- Android
#import <UIKit/UIKit.h>
#import <Skillz/Skillz.h>
@interface AppDelegate : UIResponder <UIApplicationDelegate, SkillzDelegate>
@end
#import "AppDelegate.h"
#import <Skillz/SkillzInstance.h>
@implementation AppDelegate
- (void)skillzWillExit
{
// The user is exiting Skillz, load a view, such as the main menu.
}
@end
import UIKit
import Skillz
@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate, SkillzDelegate {
func skillzWillExit() {
// The user is exiting Skillz, load a view, such as the main menu.
}
}
Add these meta-data tags in your game's AndroidManifest.xml
file:
<meta-data android:name="skillz_allow_exit" android:value="false" />
<meta-data android:name="skillz_exit_activity" android:value="<fully_qualified_activity_name>" />
Set skillz_allow_exit
to false
to disable users from exiting Skillz. If set to true
, set the skillz_exit_activity
with the fully qualified name of an activity to load when Skillz exits. This is commonly your game's main menu/start screen.
// ...
public void OnSkillzWillExit() {
SceneManager.LoadScene("StartMenu");
}
// ...
Build and Test
The completed Skillz Delegate should resemble this:
- Unity/C#
- iOS/Swift
- iOS/Objective-C
- Android
using SkillzSDK;
using UnityEngine.SceneManagement;
public sealed class SkillzGameController : SkillzMatchDelegate
{
private const string GameScene = "Level1"; // Your game scene name
private const string ProgressionRoomScene = "ProgressionRoom"; // Your player progression room
private const string StartMenuScene = "StartMenu"; // Your menu scene exiting Skillz will return to (optional)
// Called when a player chooses a tournament and the match countdown expires
public void OnMatchWillBegin(Match matchInfo) {
// This is where you launch into your competitive gameplay
SceneManager.LoadScene(GameScene);
}
// Called when a player clicks the Progression entry point or side menu. Explained in later steps
public void OnProgressionRoomEnter() {
SceneManager.LoadScene(ProgressionRoomScene);
}
// Called when a player chooses Exit Skillz from the side menu
public void OnSkillzWillExit() {
SceneManager.LoadScene(StartMenuScene);
}
}
import UIKit
import Skillz
@UIApplicationMain
class AppDelegate : UIResponder, UIApplicationDelegate, SkillzDelegate {
var window: UIWindow?
// Called when a player chooses a tournament and the match countdown expires
func tournamentWillBegin(_ gameParameters: [AnyHashable : Any], with matchInfo: SKZMatchInfo) {
let viewController = self.window?.rootViewController as! M2ViewController
viewController.startNewGame()
}
// Called when a player clicks the Progression entry point or side menu. Explained in later steps
func onProgressionRoomEnter() {
let viewController = self.window?.rootViewController as! M2ViewController
viewController.showProgressionRoom()
}
// Called when a player chooses Exit Skillz from the side menu
func skillzWillExit() {
let viewController = self.window?.rootViewController as! M2ViewController
viewController.mainMenu()
}
}
#import "AppDelegate.h"
#import "MyViewController.h"
#import <Skillz/SkillzInstance.h>
@implementation AppDelegate
// Called when a player chooses a tournament and the match countdown expires
- (void)tournamentWillBegin:(NSDictionary *)gameParameters
withMatchInfo:(SKZMatchInfo *)matchInfo {
M2ViewController *viewController = (M2ViewController*)self.window.rootViewController;
[viewController startNewGame];
}
// Called when a player clicks the Progression entry point or side menu. Explained in later steps
- (void)onProgressionRoomEnter {
M2ViewController *viewController = (M2ViewController*)self.window.rootViewController;
[viewController showProgressionRoom];
}
// Called when a player chooses Exit Skillz from the side menu
- (void)skillzWillExit {
M2ViewController *viewController = (M2ViewController*)self.window.rootViewController;
[viewController mainMenu];
}
@end
<application>
<meta-data android:name="skillz_game_id" android:value="12345" />
<meta-data android:name="skillz_production" android:value="false" />
<meta-data android:name="skillz_game_activity" android:value="com.skillzinc.matchplay" />
<meta-data android:name="skillz_allow_exit" android:value="true" />
<meta-data android:name="skillz_exit_activity" android:value="com.skillzinc.mainmenu" />
<meta-data android:name="skillz_progression_activity" android:value="com.skillzinc.progressionroom" />
</application>
You should now be able to launch the Skillz UI from your game. Please build your game and verify that Skillz can launch from a mobile device in order to get your first checkmark in the Developer Console. If your game is made with Unity, you can simulate launching Skillz from the editor by using the Unity Companion before exporting and building for iOS or Android.
Next Steps
In this article, you learned how to launch the Skillz UI from your game. The next article will describe how to start matches.