Delgus
@Delgus

Как создать аналог Flash приложения на HTML, CSS, JS?

Хочу создать аналог "доски Уиджи онлайн".
Видел нечто похожее на технологиях Flash inpot.ru/?p=10040
Я хочу сделать нечто подобное, но на HTML + CSS + JS.
И не понимаю как реализовать, с чего начать.
Варианты реализации самого полотна доски:
1. Верстать всю доску из DOM элементов
+ Можно использовать события элементов из коробки
- Очень неохота верстать всю доску, так как верстаю очень плохо и медленно, и получается весьма стремно
2. Использовать готовую картинку
+ Красота
- Совсем не понятно как программа узнает что там именно буква или цифра или иной объект, считать по пикселям не вариант - я хочу реализовать страницу адаптивной
3. Canvas
+ Быстрее чем DOM, а больше не знаю
- Головная боль, все придется реализовывать самому

Блин, было замечательно, если бы существовал какой-то инструмент, который разбивал бы картинку на элементы и создавал HTML-код который воспроизводил нечто похожее. Картинка - 5c6fb75d5ab9b263530847.jpeg.

Я так понимаю что выбор скорее всего падет на:
1.Верстать доску из DOM-элементов.
2.Передвижную дощечку тоже верстать как DOM-элемент.

По архитектуре:
Существуют статусы или события(еще не определился)
1. Сеанс открыт (тут мне приходит идея что сеанс можно открывать с разными духами например).
2. Пользователь вводит текст.
3. Воспроизводится ответ.
4 .Сеанс закрыт.

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

2. Хотелось бы также чтобы пользователь как-нибудь неосознанно влиял на выбор доски, фиксировать подрагивание мыши например, или просить пользователя вводить случайный набор символов.

3. Было бы круто внедрить голосовой набор, но видимо это будет очень тяжело

Заранее благодарю за любые ответы и советы. Очень интересует:
1. Какой набор инструментов, технологий, может быть JS-фреймворк посоветуете?
2. Во сколько часов вы бы оценили разработку MVP(минимально жизнеспособный продукт)?
3. Для мобильных устройств создавать отдельную версию?
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ответы на вопрос 1
ThunderCat
@ThunderCat Куратор тега CSS
{PHP, MySql, HTML, JS, CSS} developer
канвас + жс все это умеет. Тыц.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы