BorodinKO 13 сен 2011 в 17:02

Создание Doodle jump на HTML5

7 мин

16K

HTML * JavaScript * Веб-разработка *

Из песочницы

+144

Комментарии 72

Noobster 13 сен 2011 в 17:21

Ничего ж себе!
Вам чуть-чуть переоформить и уже продавать можно! :)

dimitrymd 13 сен 2011 в 18:16

Автору респект и спасибо за статью!
А насчет «переоформить и продавать», кстати, на AppStore она примерно в таком оформлении и продается. Разве что сделать некое подобие уровней, чтобы герой игры как в оригинале подымался до самого космоса. Но самое важное уже сделано, и сделано очень даже хорошо.

nervousnerd 14 сен 2011 в 07:15

вот чуть что — сразу продавать
именно из-за такой позиции андроид.маркет и аппстор и загажены шлаком до предела :(

а автор молодец, сразу видно человека, прежде всего, доброй воли, а не коммерсанта

Kyborg2011 14 сен 2011 в 17:11

А почему бы не продавать? Конечно в данном виде она для этого не готова, но если доработать очень даже можно продавать. Я считаю, что качественная работа программера должна оплачиваться, а на всякой рекламе и донейтах сильно не поднимешься…

Kurmunke 13 сен 2011 в 17:45

Спасибо, поигрался :)
Только как по мне, было бы интереснее, если бы сложность менялась немного быстрее, а то после нескольких минут игры становится скучновато :)

DrAiv 13 сен 2011 в 17:46

Вообще, на маке можно и с акселерометром игру устроить =)

Nashev 13 сен 2011 в 18:22

Да, на GDD-2010 гугл хвастались, что HTML5 доступ к акселерометру тож даёт как-то…

Bytexpert 13 сен 2011 в 17:47

Прикрутите управление мышкой.

maxvipon 14 сен 2011 в 06:36

Да-да, со стрелками как-то скучновато, теряется часть игровой фишки.

drak 13 сен 2011 в 17:49

Круто ребята :)

Kurmunke 13 сен 2011 в 17:50

Кстати, заметил какой-то глюк в опере, после нажатия пробела в игре начинается хаос %)

НЛО прилетело и опубликовало эту надпись здесь

Maxdr 13 сен 2011 в 17:57

Возможность стрельбы присутствует – стрелка вверх ↑. :)

Elegar 13 сен 2011 в 17:57

пробелом стреляет

WaveMeUp 13 сен 2011 в 18:01

Насчёт стрельбы, нажмите пробел и увидите чудо :)

Elegar 13 сен 2011 в 17:57

Здорово! Очень качественно сделано. Правда с балансом проблема: слишком просто получается:) Во-первых, с клавиатуры значтельно проще управлять, во-вторых, у вас тут с высотой плотность платформ почти не уменьшается и монстры попадаются крайне редко. В общем, играть надоело раньше чем проиграл, будет интереснее если поднять сложность.

А зачем вы делали точный клон, а не что-то свое? Свое-то приятнее иметь)

И почему решили не пользоваться jQuery? C ним бы меньше писанины было.

Hoorsh 13 сен 2011 в 18:00

На Chrome 13 игра не идет. Пустое поле сразу после нажатия Начать игру.

В Firefox 6.0.2 всё отлично, игра затягивает)

spartacus87 13 сен 2011 в 18:15

QtRoS 13 сен 2011 в 18:16

В Chrome 13 идет игра :)

Hoorsh 13 сен 2011 в 18:21

Уже пошла =0 В чем дело?

QtRoS 13 сен 2011 в 18:30

Выглядит как вопрос в мой адрес, но я честно не знаю! :)

mukizu 13 сен 2011 в 18:09

Я бы еще рекомендовал звук подкрутить, а то при прижке на пружине он нормальный, а на ранце такой, что у меня даже соседи игрой заинтересовались… :D

BorodinKO 13 сен 2011 в 18:15

Звук взят с андроидского приложения.

mukizu 13 сен 2011 в 18:32

Ну, я в оригинал не играл, но тут явно что-то с уровнями не так.

Lerg 13 сен 2011 в 18:14

Кто прикрутит бота к этой игре?
Играть интересно, да.

Smi1e 13 сен 2011 в 18:18

Бота, конечно, интересно, но тут уже целый ИИ нужен.
А так посмотрите таблицу рекордов. Проблема HTML5-игр в том, что изменением пары параметров в коде можно попасть в топ без особых усилий.

TheShock 13 сен 2011 в 18:33

Это проблема практически любых игр. Обсфусцированный html5 ничем особо от остальных не отличается — клиенту доверять нельзя даже если он написан на Си.

Elegar 13 сен 2011 в 19:11

Все же с клиентом на си придется еще повозиться в случае маленькх приложений мало кому это будет интересно. А в случае HTML подделать данные настолько просто, что с этим справится каждый школьник.

TheShock 13 сен 2011 в 19:28

У игры из топика ужасная архитектура. Достаточно взять весь код в анонимную функцию и без дебагера уже не обойтись, потом обфусцировать и сделать одну строку — брейкпоинт уже так просто не поставить. Особые извращенцы могут заюзать p,a,c,k,e,r — тогда без декодирования вообще никак. Но всё это не имеет смысла, потому что любой код, который выполняется на клиенте может соврать.

Elegar 13 сен 2011 в 19:41

деобфускаторы гуглятся так же просто как и обфускаторы:) И то, что получается после деобфускации читается намного проще чем нескриптовый код после дизассембляции. Половина школьников при этом отвалится, но половина останется. А там достаточно будет найти функцию, готовящую данные для отправки на сервер и подменить данные. Ну или просто можно посмотреть в консоли хрома или фаербага данные, отправляемые приложением и подменить их.

А идеи, как от этого защититься у вас есть? Кроме параллельного выполнения игры на сервере) Меня просто сейчас как раз тоже интересует данная тема.

TheShock 13 сен 2011 в 19:56

На самом деле обфускация — это достаточный для клиента шаг. Что-то большее делать не имеет смысла. Лично я бы обламался именно в этом месте.

Объясняю. Сейчас достаточно написать что-то типа такого в адресной строке браузера:

javascript:(window.count=9001)

Такое бы распространялось по всяким вконтактикам с текстом: «стать самым крутым в этой игрушке — очень просто» и все секретутки почувствовали бы себя хакерами

Если бы автор не поленился взять весь код в анонимную функцию, то пришлось бы открывать отладчик, ставить брейкпоинт, заменять значение переменной во время выполнения. такую штуку блондинке уже не объяснишь, потому ломали бы только более-менее программисты. хотя ук программистов на это бы уходило секунды 23-24, потому это тоже не вариант.

Теперь — обфусцированный код. Мне надо скачать исходники на комп, найти деобфускатор, деобфусцировать их, разобраться в непонятных названиях переменных, запустить. В этом месте можно человеку кинуть пару подлянок — хедеры там всякие проверять, запускается ли код с нашего сервака или с локального.

Для того, чтобы труднее было подделать запрос можно добавить хеш из его json'a, скажем — без деобфусцирования опять не разобраться.

Помнится, игрушки на том же флеше страдают такими же проблемами. В той же контре кучу клиентов со всякими дополнительными радостями.

С читерством бороться практически невозможно.

К сожалению, кроме выполнения игры на сервере мыслей у меня никаких. Но сейчас, в век мультиплеерных игр код на клиенте должен только рендерить, а вся логика должна быть на сервере. Иначе, как вы сделаете игрушку из топика на двоих?

И тогда отпадает проблема с тем, что доступны исходники)

Proxmiff 13 сен 2011 в 18:22

Вроде бы под мобильник холст заточен, но на айфоне странно экран загрузки смотрится :)
Добавил вьюпорт.

guyfawkes 13 сен 2011 в 18:27

Статья отличная, но слишком много магических чисел в коде :) Можете поподробнее рассказать про то, как и по какому принципу рассчитываются координаты в той же setObstacle?

BorodinKO 13 сен 2011 в 18:35

примерно так же как и в setPlatform(n,x,y,t)

mokus 13 сен 2011 в 18:38

Вас не смущает, что вы нарушили копирайт, фактически совершили банальное воровство?

zilia 13 сен 2011 в 18:51

Можно относиться к этому как угодно, но факт есть факт — прочтя подобное многим думается примерно следующее:
«Я мненью вашему вращенье придавал, и осью был ...» =)
Вы только не подумайте, ничего личного, это не о Вашем мнении, а о копирастах и иже с ними.

mokus 13 сен 2011 в 18:57

Мне как-то не верится, что вы серьезно.

Компания Lima Sky выпустила игру Doodle Jump. Эта игра очень популярна.
Какое право иметт какойто Вася Пупкин брать ИХ графику, ИХ звуки, 1в1 копировать полностью все??? Не дав даже никакой ссылки на авторов. Даже те, кто делают кросовки Абибас хоть одну букву в названии меняют, тут нет даже этого.

И при чем здесь копирасты?

zilia 13 сен 2011 в 19:04

Смайлик-то специально оставил чтобы уж точно не поверилось.
Даже с бодуна.
А копирасты всегда нипричём, но всегда где-то рядом.

Elegar 13 сен 2011 в 19:16

и что? он же не пытается на ней зарабатывать. И не говорил, что это он сам все сделал.

mokus 13 сен 2011 в 19:40

а какая разница, как он это использует. Это НЕ ЕГО. Он не имеет права это брать. Ни продавать ни отдавать бесплатно.

А за свою работу он это как раз выдает dl.dropbox.com/u/1777621/Screenshots/41.png

Elegar 13 сен 2011 в 19:45

я все же воспринимаю это скорее как демонстрацию того, что можно сделать на HTML5, а не как воровство. Фанворк, а не плагиат.

mokus 13 сен 2011 в 19:48

Хороший фанворк, который
1. полностью копирует оригинал
2. не имеет ни одной ссылки на оригинал

Elegar 13 сен 2011 в 19:56

Ну, оригинал настолько известен, что и без ссылок все понятно. Не то чтобы я защищаю автора, я и сам не понимаю, зачем было делать точную копию — свое-то всяко интереснее делать, к тому же из-за правовых соображений у игры нет будущего. Но мне кажется, что вы придираетесь)

TheShock 13 сен 2011 в 19:58

Вы высосали проблему из пальца.

LightServer 14 сен 2011 в 06:18

Иначе был бы Болдженос… )

НЛО прилетело и опубликовало эту надпись здесь

vip_delete 13 сен 2011 в 18:40

Больше всего нравится таблица рекордов. Игра только вышла, а все уже достигли максимальных высот.

Ctulhu 13 сен 2011 в 18:44

Ваш счет: 37393

gunya 13 сен 2011 в 18:50

Если уж придираться, то регистрировать попадание на платформу нужно по ее нижнему краю, как и в оригинале.

То есть на эту платформу можно запрыгнуть на андроиде (это самая высокая точка полета):