Back to Home

Clone of the game JezzBall / KBounce / "Restless Balls" on html5

KBounce · JezzBall · HTML5

Clone of the game JezzBall / KBounce / "Restless Balls" on html5

    Recently, more and more games are being made for browsers. In addition to developing new new games, there is a tendency to “clone” old games. As an example, such games as Battle City , DX-BALL .
    Looking at the development of third parties, I more and more had the desire to do something like this, write my browser-based toy. But every time I started to do something, I got stuck. lack of imagination and design skills made themselves felt. Not so long ago, I saw a post about how the guys from BorodinART made a clone of one of their favorite childhood games - DX-BALL. This post inspired me and I decided to make a clone of a standard toy from KDE - KBounce or "Restless Balls".

    image

    KBounce, in turn, is a clone of the JezzBall game, developed in 1992 by Dmitry Pavlovsky:

    image


    Rules of the game

    They play on a field surrounded by a wall with two or more balls that bounce off the walls. The size of the field is reduced if you create a wall and no ball is trapped. To pass the level, the player for this time needs to reduce the size of the field by at least 75%. At each next level, one ball is added to the game, and the player is given more lives and time. Scoring depends on how much you have reduced the area.

    A bit about work

    I will not give pieces of code, and explain how that works. In short, the toy is made on canvas using the KineticJS library . The goal of my work was to make the toy as similar as possible to the original, however, there are still slight differences (high score table, change of subject). Scoring is carried out according to the formula: 2 (x-75) (y + 5), where: x-percentage of completion, y-remaining life. 60 + 30 * n seconds are given to complete the nth round. As a bonus to the game, I made the VKontakte application, which additionally maintains a rating among friends. Those who want to insert the game on their website can use the special code for the insertion, which is indicated on the website.

    References

    For those who want to see the result, I suggest clicking on the links, suggestions and criticism are welcome:
    Game: http://bimball.com/bounce VKontakte
    application: http://vk.com/app4014280

    Read Next