iPhones.ru

Dev Story Yops. История про отсутствие кода

Информатор avatar | 25
FavoriteLoading В закладки
Yops. История про отсутствие кода

Да-да, я сделал игру без единой строчки кода.

Предыстория

Несмотря на гуманитарный склад ума, меня всегда тянуло к программированию. Обучаясь на факультете графического дизайна, я параллельно копался в PHP и JavaScript, но дальше простого интереса этого никогда не заходило. А на последнем курсе университета я и вовсе забросил это увлечение, полностью переключившись на создание рекламных роликов (что и является моей основной деятельностью).

Желание вспомнить былые увлечения с новой силой разгорелось после одного неудачного проекта. Однажды я придумал игру-головоломку про уничтожение цветных шариков. Её можно было отнести к жанру три-в-ряд с небольшой инновационной составляющей в механике игрового процесса. Я носился с этой идеей как сумасшедший: сделал ТЗ, нарисовал графику и анимацию, озвучил и нашел фрилансеров-программистов. Возились пару месяцев и сколотили нечто очень кривое и лагающее.

Данная история опубликована в рамках рубрики Developer Story, где разработчики делятся секретами своей внутренней кухни.
Это бесплатно. Прочитайте правила.

Получив от меня огромный (и справедливый) список правок, ребята поняли, что не справятся – проект пришлось свернуть. В тот момент я подумал, насколько это здорово – научиться делать игры самому, от идеи в блокноте и до публикации в магазине. Не нужно ни от кого зависеть: сиди себе и делай.

Идея

Однако, прочитав пару статей про x-code для начинающих, я «чё-то приуныл», осознав что попросту растеряю весь свой пыл, пока буду все это изучать. Тут мне на глаза и попался GameSalad – программа для создания игр без программирования. Про этот софт я много говорить не буду, так как основная тема статьи – это сама игра, о которой пойдет речь ниже. Упомяну лишь ключевые моменты.

Gamesalad представляет собой набор готовых правил, которые можно применять к объектам. Например, создали кубик, назначили ему гравитацию и показали от каких объектов он должен отталкиваться. Есть условия, циклы, создание переменных – в общем весь минимальный набор для разработки простой игрушки. И все это в режиме drag-n-drop – никакого кода! Меня эта штука сильно вдохновила, и я кинулся изучать и пробовать.

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

1) Тапаем на точку
2) Если вокруг ее есть точки того же цвета, то они уничтожаются.
А сама точка меняет цвет на следующий (по цветовой гамме)
3) Каждый успешный ход дает игроку одно очко. Сверху выпадает новый ряд точек начального цвета.
4) Game Over наступает, когда в любом из столбцов накопится более 5 точек

01

Я буквально закричал от радости и побежал делать.

Процесс

Спустя пару дней появился первый рабочий прототип:

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

Я обожаю минимализм во всех его проявлениях, и в данном случае это было как нельзя кстати. Я хотел оставить игру максимально чистой – только цветные точки, и ничего лишнего!

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

А вот название родилось не сразу. Я точно знал, что оно должно состоять из четырех букв (по количеству точек в ряду), а также быть звучным и запоминающимся. Вариантов была масса, думал несколько дней, и остановился на Yops. Как подсказал мне Urban Dictionary, «Yop» – это искаженная форма «Yep» (сленговое разговорное «Yes»). Получается «Yops» = «Много Да». Свежо, позитивно, да и по-русски звучит интересно и немного неоднозначно.

02

Где-то в середине разработки я решил добавить режим для дальтоников. Сначала хотел взять на вооружение подсмотренный в одной игре прием, где цвета отмечались значками наподобие мастей карт. Но, потом возникло более лаконичное и простое решение – использовать только цифры.

03

Ну и, конечно же, ночной режим! Он доступен только после апгрейда до полной версии (внутриигровая покупка), но можно несколько раз опробовать его бесплатно. Лично мне он нравится намного больше стандартного: игра выглядит более стильно и сдержанно.

04

Примерно неделю играл в нее и понял, что не хватает какого-то маленького визуального нюанса. Добавил легкую анимацию точек при соприкосновении друг с другом (или с нижней границей поля), и все встало на свои места. Оставалась только озвучка.

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

Монетизировать решил с помощью рекламы и внутриигровой покупки, которая эту рекламу отключает. Однако, GameSalad на данный момент не поддерживает самую прибыльную рекламную платформу – AdMob (в ближайшее время обещают эту возможность добавить). Поэтому пришлось довольствоваться только баннерами iAds и полноэкранным вставками Chartboost.

Пришло время делать рекламный ролик:

На этом видео запечатлен iPad, подключенный к маку. Таким образом, одновременно шли две записи геймплея: захват экрана iPad и видео-съемка моих действий. На мой взгляд, получился неплохой имиджевый ролик, хорошо демонстрирующий геймплей.

Результат

Раскручивать игру сначала решил своими силами в надежде, что хороший продукт должен разойтись сам. Разослал друзьям в facebook предложение пролайкать страницу игры, запостил видео в instagram, сделал несколько твитов с тематическими хэштегами.

В первый день получил около 40-50 установок и десяток лестных отзывов с пятизвездочными оценками. Cудя по таблице рекордов в GameCenter, люди продолжают играть и побивать свои рекорды. А какой-то сумасшедший человек уже набрал более 400 очков, что превышает мой собственный рекорд в три раза (не представляю, сколько нужно терпения).

О какой-либо монетизации говорить еще рано: в день игра приносит несколько долларов, и конечно же требуется комплекс мер по продвижению (на который пока невозможно выделить средства). Но самый главный результат для меня достигнут – эта головоломка нравится людям. Считаю, что самая ее сильная сторона – это абсолютное отсутствие случайности: человек отчетливо понимает, что все зависит только от него, и это делает игру максимально привлекательной и затягивающей.

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

iPhone + iPad: Freemium [Скачать в App Store]

Илья Никитин

1 Звезд2 Звезды3 Звезды4 Звезды5 Звезд (Проголосуйте первым за статью!)
undefined
iPhones.ru
Да-да, я сделал игру без единой строчки кода. Предыстория Несмотря на гуманитарный склад ума, меня всегда тянуло к программированию. Обучаясь на факультете графического дизайна, я параллельно копался в PHP и JavaScript, но дальше простого интереса этого никогда не заходило. А на последнем курсе университета я и вовсе забросил это увлечение, полностью переключившись на создание рекламных...
Здесь можно оставить комментарий! Для этого авторизуйтесь или зарегистрируйтесь на iPhones.ru.

25 комментариев

Форум →
  1. introman avatar
    introman 7 апреля 2015
    1

    выглядит обещающе… конечно, всего того фана нам, игрокам, не пережить, но… поиграю!

    Войди на сайт, чтобы ответить
    Ответить
  2. t-n avatar
    t-n 7 апреля 2015
    1

    Где очередная бета ios ?

    lliiiill avatar
    lliiiill7 апреля 2015
    0

    @t-n, Кстати, да, я тоже сегодня ожидал. Или уже до релиза не будут выпускать?

    t-n avatar
    t-n7 апреля 2015
    0

    @lliiiill, наверное завтра выйдет,а может GM выйдет ждёмс

    Войди на сайт, чтобы ответить
    Ответить
  3. artur4 avatar
    artur4 7 апреля 2015
    1

    Сразу видно что игра не нативная. Лучше конечно выучить swift например, и на мощном движке metal сделать отличную игру с крутой анимацией, графикой, и геймплеем. И времении сильно много на это не нужно. Но в целом неплохо.

    iknikitin avatar
    iknikitin9 апреля 2015
    0

    @artur4,
    Да, за недельку, думаю, можно управиться.

    Войди на сайт, чтобы ответить
    Ответить
  4. Snowfox avatar
    Snowfox 7 апреля 2015
    3

    Приложение не качал, не люблю “времяубивалки”, но выглядит игрушка красиво, просто и со вкусом)

    Войди на сайт, чтобы ответить
    Ответить
  5. Андрей Михайлов avatar
    Андрей Михайлов 7 апреля 2015
    1

    А мне звук понравился)

    Войди на сайт, чтобы ответить
    Ответить
  6. lliiiill avatar
    lliiiill 7 апреля 2015
    3

    Мне понравилась игра. Молодец, Илья!

    Войди на сайт, чтобы ответить
    Ответить
  7. Identitycat avatar
    Identitycat 8 апреля 2015
    4

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

    Войди на сайт, чтобы ответить
    Ответить
  8. angrybeaver avatar
    angrybeaver 8 апреля 2015
    3

    Как игра называется? “Ёпс”?

    Войди на сайт, чтобы ответить
    Ответить
  9. DeTimaro avatar
    DeTimaro 8 апреля 2015
    0

    А почему без кода?

    Войди на сайт, чтобы ответить
    Ответить
  10. t.r.o.n. avatar
    t.r.o.n. 8 апреля 2015
    1

    То, что игру делал дизайнер-минималист – видно сразу по полному отсутствию игрового момента.
    Лучше бы взяли бы это как концепт и пришли-бы к тем, кто может его реализовать. А так – набор картинок и не более того.

    Да, о звуке. Знаете что самое ценно в звуках в любой игре – возможность быстро их выключить. Подумайте об этом

    gavrss avatar
    gavrss8 апреля 2015
    2

    @t.r.o.n.,
    Однажды Садовник сказал Писателю:
    – Подарить тебе идейку сюжета? Самому мне писать недосуг, да и не умею толком, а у тебя выйдет прекрасный роман!
    – Как мне отблагодарить тебя? — воскликнул Писатель, — О! Придумал! Возьми в дар мой огрызок яблока! В нем с полдюжины семечек: у меня они пропадут, а ты вырастишь прекрасный яблоневый сад!

    iknikitin avatar
    iknikitin9 апреля 2015
    0

    @t.r.o.n.,
    1) Графической концепцией Yops изначально был минимализм. Графика, звук, игровая механика – все здесь соответствует этому жанру. Иначе это получилась бы совсем другая игра.
    2) Любая игра – это набор картинок, подумайте об этом ;)

    t.r.o.n. avatar
    t.r.o.n.9 апреля 2015
    0

    @iknikitin,
    1 – так и я об этом. Только вы вместе с графикой – минимализм расползся на все.
    2 – ух ты. Вот это номер. ))) Картинки я и просто посмотрю в инете или книжках. Игра – это хорошая идея + качественная реализация украшенная картинками и звуками. Не хочется делать очень красиво – можно обойтись минимализмом или вовсе отказаться от графики. Но если нет самой реализации – то картинки не помогут.

    iknikitin avatar
    iknikitin9 апреля 2015
    0

    @t.r.o.n.
    : ) желаю удачи

    t.r.o.n. avatar
    t.r.o.n.9 апреля 2015
    0

    @iknikitin, спасибо. И вам не кашлять )

    Войди на сайт, чтобы ответить
    Ответить
  11. Dodobird avatar
    Dodobird 8 апреля 2015
    2

    Стильно и играбельно! Автору респект.

    Войди на сайт, чтобы ответить
    Ответить
  12. Dexfir avatar
    Dexfir 8 апреля 2015
    1

    Автор, расскажите, как звуки делали, каким софтом пользовались, как обработали? (Примерно. Понятно, что все не помните:D )

    iknikitin avatar
    iknikitin9 апреля 2015
    0

    @Dexfir,
    Я обошел стороной этот момент, так как текст получился довольно объемным. В основном вся работа со звуком сводилась к подбору нужных эффектов в библиотеке и подкручиванию эквалайзера.

    Dexfir avatar
    Dexfir10 апреля 2015
    1

    @iknikitin, просто несколько звуков сложили, эквалайзером их обработали, компрессором и все? Мне очень понравилась ваша работа. Вы умница. :)

    Войди на сайт, чтобы ответить
    Ответить
  13. Andrey Leonov avatar
    Andrey Leonov 8 апреля 2015
    1

    Отличная игрушка!
    Заигрался и не заметил, как прошло 1,5 часа, хотя и не игроман.
    Сделайте платный “undo move” – срубите кучу денег. :)

    Войди на сайт, чтобы ответить
    Ответить
  14. chontash avatar
    chontash 9 апреля 2015
    0

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

    Войди на сайт, чтобы ответить
    Ответить
  15. Анна Кокуш avatar
    Анна Кокуш 25 июля 2016
    0

    Классные звуки ) и выглядит красиво!

    Войди на сайт, чтобы ответить
    Ответить
Помни о правилах — если начал оффтопить, то не удивляйся потом.

Нашли орфографическую ошибку в новости?

Выделите ее мышью и нажмите Ctrl+Enter.