As with a lot of mobile games – Idle Knight Legends gives the player the ability to boost certain aspects of the game. This feature can be accessed by a big button in the middle of our bottom navigation.

Clicking the button will open up a window allowing the player to boost the game by watching a video ad. We will never force the player to watch an ad and if they decide to watch one we will always reward the player for it.

As you can see from the screenshot above the player can activate up to three gameplay effects that will boost certain aspects of the game. From top to bottom: online income, offline income and attack bonus. We might adjust these in the future.

The player can fill the time up to six hours – each time granting an additional one hour of boost by watching a video ad. There is still some polishing and translation work todo with the window.

Improving the boost button

To prevent the player having to open the window each time he/she wants to know how much time is still left we decided to add a timer to the boost button in the bottom navigation.

This is what I’ve been working on today among other stuff. So let’s dive in how we approached this.

To show the remaining time we just added a panel above the boost button. To support this we change the appearance of the button adding some kind of glow that functions as some sort of progressbar and decreases with the remaining boost time.

To support the active state we added a fade to the thin line in the middle of the button and might add a shine later on.

I make a lot of use of the DOTween library and as of recently use a open source ui library called UIEffects that extends the built in ui of Unity by adding some nice effects such as a shine, improved shadows or dissolving.

DOTween can be found at http://dotween.demigiant.com/ and UIEffect at https://github.com/mob-sakai/UIEffect.