Developing an Advergame for Hyzonia
This is the first chapter of a series of posts intended to be a tutorial guiding developers in making their first advergames for Hyzonia. In this tutorial we will focus on Hyzonia Game Services. We will show how you can consume these services and use Hyzonia functionalities at its best in your game.
At the heart of this series is a simple advergame we are building specifically for the tutorial. As an introduction, let’s talk about game design:
The game begins by selecting a Quest. In Hyzonia each Quest has a prize to win. The player has the luxury to choose what Quest he wants to play and the corresponding prize he wants. A Quest has a ‘To-do’ and the player wins if he fulfills the To-do. We will discuss further about this unique advergame feature of Hyzonia, and the other several types of quests in the later chapters of this tutorial. Here, we will focus on a particular type of Quest: 'Collect Some Items' quest. After selecting a Quest the player will be given its list of ‘To-do’ which has the items needed to collect in order to win the game (quest).
The To-do items in the player’s selected quest can be found in the fishes and other creatures in the sea. The player must catch as many as he can in the given time limit for a better chance to complete the quest. He may find fishes with items not related to his quest. He just has to drop those items. He must avoid catching trashes to not waste more time.
Once all correct items are collected, a submit button will appear in My Quest panel. Player must click the button to submit his winning game for the record.
Game ends when a player runs out of time and has not yet collected all To-do items. He can always play again though or select a new Quest to play for.
Main Features of the Game
Landing Page
Landing page is every player's entry point before the game proper. Hyzonia requires players to register before playing the games. If he is already registered, he will just have to login. Hyzonia also provides some integration services by which a publisher can integrate its users into its games so that registration and login will be hidden from a player’s point of view.
Selecting a Quest
A Quest is made of a prize, a to-do and a few other things. Player has to select a quest (prize) to play in the welcome page of the game, shown after login. He needs to select one to proceed.
To Do
'To-do' is relative to the selected Quest. It shows the items and how many of them are needed to collect to win the game.
My Quest
This panel opens on the right side of the game upon clicking it on the Top Bar. This is a checklist of the player about his progress in the quest. It has an indicator of how many items he has already collected or what else and how many still remains to be collected.
Player should watch out for the submit button that appears at the bottom of this panel after he completed the quest. He must click that button to record his winning game.
My Bag
Every item collected by the player, whether part of his quest or not goes to the 'My Bag' panel. The bag has a limit of 9 items maximum (This is a limit set for Collect Some Items quest). Player needs to watch out what he is putting in the bag. If it is not part of the quest, player can drop it to allot space for the correct items.
Stats
It contains the rankings of the top players, a prize of the day, a brand of the day, and also records of the latest winners and newest prizes available.
View Port
This is literally the game view - bordered by 550px (w) x 365px (h) rectangle. The background environment, the items and all the above mentioned features are within View Port.
Graphical Sketches
This game will be composed of the following graphics elements:
In the succeeding chapters, we will discuss about the required specs. To make it easier we will provide you with ready-to-use images to download and guide you on how to use them and how to animate them. We will show you how to make the game customizable. So all these images, the whole look and feel of the game and some of its mechanics will be made configurable in run time (by publishers).
This is a preview of what are going to achieve at the end of this tutorial:
In this tutorial we build the game client using JavaScript and JQuery library, the following chapter will be about the objects conceptual design of the game.
Once all correct items are collected, a submit button will appear in My Quest panel. Player must click the button to submit his winning game for the record.
Game ends when a player runs out of time and has not yet collected all To-do items. He can always play again though or select a new Quest to play for.
Main Features of the Game
Landing Page
Landing page is every player's entry point before the game proper. Hyzonia requires players to register before playing the games. If he is already registered, he will just have to login. Hyzonia also provides some integration services by which a publisher can integrate its users into its games so that registration and login will be hidden from a player’s point of view.
Selecting a Quest
A Quest is made of a prize, a to-do and a few other things. Player has to select a quest (prize) to play in the welcome page of the game, shown after login. He needs to select one to proceed.
To Do
'To-do' is relative to the selected Quest. It shows the items and how many of them are needed to collect to win the game.
My Quest
This panel opens on the right side of the game upon clicking it on the Top Bar. This is a checklist of the player about his progress in the quest. It has an indicator of how many items he has already collected or what else and how many still remains to be collected.
Player should watch out for the submit button that appears at the bottom of this panel after he completed the quest. He must click that button to record his winning game.
My Bag
Every item collected by the player, whether part of his quest or not goes to the 'My Bag' panel. The bag has a limit of 9 items maximum (This is a limit set for Collect Some Items quest). Player needs to watch out what he is putting in the bag. If it is not part of the quest, player can drop it to allot space for the correct items.
Stats
It contains the rankings of the top players, a prize of the day, a brand of the day, and also records of the latest winners and newest prizes available.
View Port
This is literally the game view - bordered by 550px (w) x 365px (h) rectangle. The background environment, the items and all the above mentioned features are within View Port.
Graphical Sketches
This game will be composed of the following graphics elements:
In the succeeding chapters, we will discuss about the required specs. To make it easier we will provide you with ready-to-use images to download and guide you on how to use them and how to animate them. We will show you how to make the game customizable. So all these images, the whole look and feel of the game and some of its mechanics will be made configurable in run time (by publishers).
This is a preview of what are going to achieve at the end of this tutorial:
In this tutorial we build the game client using JavaScript and JQuery library, the following chapter will be about the objects conceptual design of the game.
Read more...
