Connect with us

Разработка

“Малышарий”: как сделать интерактивную книгу из бумажных аппликаций

Леонид Боголюбов

Опубликовано

/

     
     

«Малышарий» – так называется новая интерактивная книга для iPad, созданная студией Тачанка. Создание этой книги – целая история, история длиной в 3 года. Рассказ об этом в следующей статье.

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

Малышарий
Малышарий
Разработчик: Touchanka
Цена: Free

Традиционная книга

Как вы уже поняли, приложение является электронной интерпретацией печатной версии издания. Тираж книги мы напечатали 3 года назад, в 2011 году. Бумажная книга содержала много стихотворений, имела уникальную конструкцию, много вырезанных вручную иллюстраций и была отмечена дипломом Non fiction за оформление.

Malish_img_02.1

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

Год первый: аппликации

Для пробы было принято решение не делать всю книгу целиком, а ограничиться одним стихотворением, которое будет разбито на 13 экранов. Несколько месяцев мы придумывали интерактив и анимацию, рисовали, вырезали, собирали иллюстрации. Потом еще столько же всё переделывали. За весь проект было перерезано несколько комплектов цветной бумаги и отсканировано порядка 50 листов с элементами иллюстраций.

Malish_img_02.3

Malish_img_02.2

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

Malish_img_4

Благо, ребята из первой команды разработчиков сами порезали все наши psd на png, сняв с нас большую часть рутинной работы.

Год второй: разработка

За полтора года на проекте сменились 3 команды разработчиков.

Malish_gif_04

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

Malish_gif_05

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

Malish_img_06

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

Но мы не утеряли веры в Идеального Разработчика и в результате его нашли…

Озвучка

Интересным опытом на проекте было сотрудничество с музыкантами. Ребята никогда ранее не делали озвучки мультимедийных продуктов и подошли к задаче со всей аналоговой наивностью. Получилось отлично – никаких синтетических вибраций, только теплота инструмента в музыке 13-летнего мальчика – автора главной мелодии.

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

Год третий: приложение

До App Store приложение добралось благодаря усилиям четвертой интернациональной команды разработчиков. Ребята допилили сырое приложение, добавив новый функционал и озвучку. Взяли на себя все заботы по публикации. В том числе, после реджекта от Apple, был добавлен родительский контроль (категория Kids имеет определенные требования по защите).

Malish_img_07

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

Malish_img_08

Теперь вы можете потрогать результат 3-х летней работы нашей большой команды, скачав «Малышарий» на свой iPad. И совершенно безвозмездно прикоснуться к любви, с которой мы делали эту книгу.

Если вы нашли опечатку - выделите ее и нажмите Ctrl + Enter! Для связи с нами вы можете использовать info@apptractor.ru.
Advertisement
 
Click to comment

You must be logged in to post a comment Login

Leave a Reply

Популярное

X
X

Спасибо!

Теперь редакторы в курсе.