PDA

Просмотр полной версии : переход с Flash CS5\As3\FD на html5\css\js


Dub4ek
22.02.2012, 01:11
На работе руководство захотело перевести все производство с флеша на модный html5. Производим в основном обучающие мини-игры для школьников (5-6к строчек кода, взаимодействие с сервером, звук), видео-плейеры, аудио-плейеры, анимации.
Уже как недели 2 понемногу изучаю мир js. Пока так и не определился с инструментом, на что пересесть. Хочется и ООП использовать, и нормальный профайлер, дебаггер и т.д. Склоняюсь пока в сторону Dart.
Руководство требует инструмент, чтобы одинаково хорошо работало и на мобильных платформах, и на настольных компьютерах.

Вопрос у меня такой, может кто уже сталкивался с подобной ситуацией как у меня и подскажет что-ниб.?

Bgg
22.02.2012, 01:39
Так вам что посоветовать-то? Язык или среду разработки? Или все вместе?

Среда разработки: Idea.
Язык: js.
Дебаггер и профайлер: Chrome.

Все остальное просто: ООП-а нет, строгой типизации тоже.

ps сочувствую.

alatar
22.02.2012, 03:08
нормальный профайлер, дебаггер и т.д.
Только то что есть в браузерах. Тестировать придется во всех распространенных браузерах (отчасти можно сгруппировать по движкам), включая мобильные. Мобильники слабее, для них придется сложные вещи упрощать.
видео-плейеры , аудио-плейеры
Единого формата понимаемого всеми браузерами нет. По сравнению с флешом находится в зачаточном состоянии. Старые версии браузеров в пролете (в основном это касается IE).
анимации
Старые версии браузеров в пролете. Для них придется писать отдельные решения.
Склоняюсь пока в сторону Dart.
А что он уже дорос хотя бы до беты?

Dub4ek
22.02.2012, 12:38
Спасибо за ответы, я догадывался, что текущий уровень js примерно на 5-ть лет отстает по развитию от флеша и морально уже подготовился.
Я хотел бы услышать про реальный пример перевода производства с флеша на js, какие подводные камни можно встретить на своем пути и т.д, если конечно кто-то уже сталкивался с подобной проблемой

Dart существует в виде транслятора в js, а недавно Google выкатили beta chromium с виртуальной машиной Dart.

alatar
22.02.2012, 13:03
Dart существует в виде транслятора в js, а недавно Google выкатили beta chromium с виртуальной машиной Dart.
Еще раз повторюсь, сам Dart находится в стадии альфы и использовать его в производстве это только ваш риск.
http://www.dartlang.org/support/faq.html
Q. Should I write my web app in Dart?

If you want to experiment, we'd love for you to try Dart and give us feedback. If your web app is something that needs to be reliable, we really recommend waiting until Dart is more mature. We've released Dart at a very early stage, and we're likely to make breaking changes to the language.

Добавлено через 9 минут
какие подводные камни можно встретить на своем пути и т.д
Приведите пример "подводных камней" о которых вы хотите услышать. Это слишком общее понятие.
Что касается вашего руководства, то для них этот переход означает увеличение времени на разработку, увеличение времени на тестирование и как следствие бОльшую стоимость производства.

Dub4ek
22.02.2012, 15:24
за инфу про Dart пасиб, невнимательно читал
Ну, например, вычитал недавно, что в html5 проблемы с проигрыванием звука по какому-ниб. событию в различных браузерах и эта проблема решается зашиванием всего звука во флешку и проигрыванием через ExternalInterface.
Так же пока не представляю, как и в чем придется все отрисовывать художникам.

Zebestov
22.02.2012, 15:39
Так же пока не представляю, как и в чем придется все отрисовывать художникам.
Ничего не изменилось с начала времен — рисовать в чем угодно, сохранять в растре. Потом собирать в текстурные атласы или так и оставлять в виде секвенции.

alatar
22.02.2012, 15:41
Ну для браузеров в которых поддерживается svg, можно и его прикрутить. :)

Добавлено через 8 минут
Ну, например, вычитал недавно, что в html5 проблемы с проигрыванием звука по какому-ниб.
Эта проблема от рождения и для многих приложений она останется даже после полной стандартизации и реализации всей новой требухи что входит в html5. Придется учитывать также, что разные браузеры могут проиграть разные форматы и нет ни одного формата, который проигрывается всеми браузерами. http://www.w3schools.com/html5/html5_audio.asp

Вы бы у руководства поинтересовались, они вообще представляют себе что скрывается под "модным html5" и последствия своего решения?
Кстати уточните ваша компания делает приложения на заказ или зарабатывает на них сама?

Dub4ek
22.02.2012, 18:43
Ну, руководство представляет в общих чертах. Про увеличение времени разработки в курсе, и про финансовую составляющую тоже.

Компания делает на заказ приложения от крупного издательства, дочерней компанией которого и является.

alatar
22.02.2012, 18:53
Ну тогда, "кто девушку ужинает, тот ее и танцует" кто платит тот и ставит условия. Осваивайте js. Обратите внимание на сторонние библиотеки и движки для создания игр, это позволит сгладить различную реализацию в браузерах. Для разработки под мобильные платформы тоже есть свои решения, типа PhoneGap. Руководство можете предупредить сразу, что совсем-совсем без флеша не получится. По крайней мере на данный момент.
На слабых машинах тормозить все (графика и анимация) будет сильнее, чем флеш.

Tails
22.02.2012, 20:36
Bgg
ООП в js есть, по край не мере, некое его подобие, и строгую типизацию можно имитировать самому, разумеется, дописав нужный код. Кок-раз учу js, ощущение - один большой костыль, но фана достовляет :) Кстати, очень большое сходство с АС 2.

Ps. что такова эпичного в новом html 5 ? это всё из-за нового тега <video> ? Объясните юнному подавану.

alatar
22.02.2012, 20:39
что такова эпичного в новом html 5 ? это всё из-за нового тега <video> ?
Нового есть, эпичного... ничего эпичного. http://html5doctor.com/