Комиксы «Biarbetul»

Ценовая категория: 160 000-200 000 рублей

Хочу заказать сайт

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

Каждый месяц задаётся новая тема, а по результатам — пользователи получают призы. Предусмотрен механизм модерации, не позволяющий появляться в рейтингах нецензурным или откровенно некачественным комиксам.

203 комикса прошло модерацию в первый месяц работы сервиса.

Самым интересным элементом этого проекта является графический редактор, позволяющий пользователям прямо на сайте с помощью мыши создавать свои комиксы. Заказчик пожелал не использовать Flash, а использовать стандартный для HTML5 canvas.

На создание рабочего прототипа, демонстрирующего наши возможности, у нас ушло пару дней. После чего заказчик поспешил утвердить проект (больше ни одна из рассматриваемых им команд не смогла приблизиться к нашей версии). Редактор был построен на нашем собственном «движке», который ранее был успешно применён в проекте 3D-телефона. Ниже можно увидеть его в действии.

Ваш браузер не поддерживает плавающие фреймы!

Весь комикс состоит из 4-х типов компонентов. Их можно добавлять с помощью кнопок в левой части редактора:

1. Персонажи. Это самые сложные компоненты комикса. Каждый персонаж способен двигать руками, ногами, головой (при выделенном персонаже нужно навести мышь на часть тела и перетащить влево-вправо), а также менять выражение лица (кнопка в нижней части редактора). Также персонаж можно перемещать и масштабировать.
2. Текстовые области. Неотъемлемая часть любого комикса. Позволяет задавать текст (кнопка для редактирования находится в нижней части комикса) и привязывать его к объекту на комиксе.
3. Объекты. Это различные предметы с ограниченными возможностями редактирования. Их можно перемещать, масштабировать и отражать по вертикали или горизонтали.
4. Фон. Предлагается выбрать фон для комикса из списка. Далее он может быть отмасштабирован и перемещён.

При нажатии на кнопку «Создать картинку», комикс превратится в картинку, которую возможно скопировать и передать на сервер. При клике на картинку, вновь откроется редактор.

Редактор работает во всех современных браузерах, поддерживающих HTML5 canvas. Дополнительно, за счёт использования excanvas, удалось даже заставить его работать под IE7-8. Правда, с некоторыми ограничениями. В частности, отсутствует возможность сделать скриншот (создать изображение) комикса.

Хочу заказать сайт

Комментарии