Как стать автором
Обновить

Клон игры JezzBall / KBounce / «Неугомонные шарики» на html5

Время на прочтение2 мин
Количество просмотров2.7K
В последнее время все больше и больше игр делается под браузеры. Помимо разработки новых новых игр наблюдается тенденция «клонирования» старых игр. В качестве примера можно привести такие игры как Battle City, DX-BALL.
Смотря на разработки третьих лиц, у меня все больше и больше возникало желание сделать что-то подобное, написать свою браузерную игрушку. Но каждый раз начиная что-то делать я вставал в тупик, т.к. отсутствие фантазии и дизайнерских навыков давали о себе знать. Не так давно я увидел пост о том, как ребята из студии BorodinART сделали клон одной из любимых игр детства — DX-BALL. Этот пост вдохновил меня и я решил сделать клон стандартной игрушки из KDE — KBounce или «Неугомонные шарики».

image

Игра KBounce, в свою очередь, является клоном игры JezzBall, разработанной в 1992 г. Дмитрием Павловским:

image


Правила игры

Играют на поле, окруженном стеной, с двумя или более мячами, которые отскакивают от стен. Размер поля уменьшается, если вы создаете стену и при этом никакой шар не оказывается попавшим в ловушку. Чтобы пройти уровень, игроку за данное время нужно уменьшить размер поля по крайней мере на 75%. На каждом следующем уровне к игре добавляется по одному шару, а игроку дается больше жизней и времени. Подсчет очков зависит от того, насколько вы уменьшили площадь.

Немного о работе

Я не буду приводить куски кода, и объяснять как что работает. Если говорить кратко, то игрушка сделана на canvas'е с использованием библиотеки KineticJS. Цель моей работы было сделать игрушку максимально похожей на оригинальную, однако, небольшие отличия все же есть (таблица рекордов, смена темы). Подсчет очков производится по формуле: 2(x-75)(y+5), где: x-процент заполнения, y-оставшиеся жизни. На прохождение n-го тура дается 60+30*n секунд. Бонусом к игре я сделал приложение вконтакте, в котором дополнительно ведется рейтинг среди друзей. Желающие вставить игру себе на сайт могут воспользоваться специальным кодом для вставки, который указан на сайте.

Ссылки

Желающим посмотреть на результат, предлагаю перейти по ссылкам, предложения и критика приветствуется:
Игра: http://bimball.com/bounce
Приложение вконтакте: http://vk.com/app4014280
Теги:
Хабы:
Всего голосов 14: ↑9 и ↓5+4
Комментарии9

Публикации

Истории

Ближайшие события

19 августа – 20 октября
RuCode.Финал. Чемпионат по алгоритмическому программированию и ИИ
МоскваНижний НовгородЕкатеринбургСтавропольНовосибрискКалининградПермьВладивостокЧитаКраснорскТомскИжевскПетрозаводскКазаньКурскТюменьВолгоградУфаМурманскБишкекСочиУльяновскСаратовИркутскДолгопрудныйОнлайн
24 – 25 октября
One Day Offer для AQA Engineer и Developers
Онлайн
25 октября
Конференция по росту продуктов EGC’24
МоскваОнлайн
26 октября
ProIT Network Fest
Санкт-Петербург
7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн
7 – 8 ноября
Конференция «Матемаркетинг»
МоскваОнлайн
15 – 16 ноября
IT-конференция Merge Skolkovo
Москва
25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань