Пользователь
57,4
рейтинг
1 августа 2011 в 15:12

Разработка → Adobe Edge: редактор анимации HTML5/JavaScript

HTML*
Adobe сегодня выпустила новый инструмент Adobe Edge (public preview), который предназначен для создания простого анимированного контента на открытых стандартах: HTML5, JavaScript и CSS3. Предполагается, что для растущего числа мобильных устройств HTML5 более приемлем, чем Flash. В первую очередь для мобильного рынка и создан новый редактор. Впрочем, никто не мешает делать с его помощью любую веб-анимацию HTML5, а в будущем — HTML5-игры и другие приложения.

Adobe Edge призван удачно дополнить Flash и сохранить позиции Adobe как лидера на рынке ПО для веб-дизайна. Эта компания заявляет, что давно продвигает технологии HTML, в качестве примеров можно привести такие продукты как Dreamweaver, Illustrator, Digital Publishing Suite и недавно вышедший Flash-to-HTML5 конвертер Wallaby.

Редактор Adobe Edge распространяется бесплатно, скачать можно здесь. Версия 1.0 выйдет в следующем году.

Программа имеет интуитивный интерфейс, показанный на скриншотах. Можно отметить быстрое время запуска программы и знакомый интерфейс timeline. Поддерживается импорт HTML-документов и графики в форматах SVG, PNG, JPG и GIF, и последующее редактирование с помощью CSS3. На уровне свойств элементов можно анимировать положение на странице, размер, цвет, форму, вращение и др. Новые графические и текстовые элементы создаются во встроенном редакторе. Есть также 25 встроенных эффектов для анимации.



Панели справа и слева обеспечивают доступ к свойствам рабочего файла .EDGE и различным элементам. В центре работает встроенная версия браузера на движке WebKit. Экспорт файлов осуществляется в стандартные форматы HTML, CSS, JavaScript (JSON).



Готовый проект будет работать во всех современных браузерах с хорошей поддержкой HTML5, в том числе мобильных браузерах Android, iOS, HP webOS, BlackBerry PlayBook, плюс десктопные браузеры Firefox, Google Chrome, Safari и Internet Explorer 9.

Предварительная версия Edge имеет относительно ограниченный функционал для создания анимаций. Разработчики обещают значительно расширить его в будущих версиях, а также с помощью расширений, так что с помощью Edge можно будет даже делать HTML5-игры. В будущем появится поддержка Canvas, HTML5 Audio и HTML5 Video, более полная поддержка анимации SVG и т.д.

Анатолий Ализар @alizar
карма
751,5
рейтинг 57,4
Пользователь
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Спецпроект

Самое читаемое Разработка

Комментарии (35)

  • –3
    Видео не впечатляет совсем.
    • +16
      Продукт, конечно, пока несколько сырой, но впечатляет сам факт того, насколько плотно Adobe взялась за тему HTML5, оставив попытки навязать всем священную флэш-корову.

      Если бы Adobe Edge смог развиться до нормальной визуальной HTML5-IDE, какой для флэша является Flash Professional, включая весь его roundrtripping с другими приложениями Adobe (например, опция «Edit in Photoshop»), это была бы бомба.
    • 0
      да, было бы круче вместо бабочки сделать duck hunt
    • +14
      А разве есть на рынке что-то ну хоть немного близкое к тому что они сделали? Визуальный билдер HTML5+CSS+JS мувиков? Ребята сделали огромную работы и по сути они пионеры. Лично от меня им большой респект!
      • +1
        Есть еще такой продукт —
        www.sencha.com/products/animator/
        • +6
          Спасибо за ссылку, жаль нет версии для mac. Вообще я как понял это Designer для Ext JS, здорово. Но Adobe Edge я выберу потому что он использует jQuery
        • +1
          В последнем хроме у меня оно еле работает =( Интересно, почему?
      • +1
        Да тот же Hype. А ещё есть серия наработок от Адоби. Да и вообще — погуглите «html5 editor». Огорчает то, что все подобные редакторы дальше «изменить пару свойств согласно ключевым кадрам» не уходят.
        • +1
          Помню первые версии флэша, что-то подобное было, так что это только начало.
  • +1
    Какие платформы (будет поддерживать) / поддерживает данный редактор? Win/Mac?
    • 0
    • 0
      Ответ находится по первой же ссылке в статье.
      • 0
        Спасибо.

        P.S.: По всем ссылкам не ходил, т.к. на некоторых вход только по ID.
  • +4
    Эт хорошо, может со временем, вот такая IDE вернет радость от WEB разработки…
    • +1
      а из-за чего она у вас пропала?
      • 0
        многие конторы обязаны поддерживать браузеры-инвалиды, а из-за этого работа становится угрюмой.
  • –7
    Странно что они для WinXP не адаптировали. Жаль даже как то.
    • 0
      Я еще понимаю ругать оперу, за то, что не выпустили новую Opera Mini для Windows Mobile 6.5 и более ранних, потому что телефон просто так не поменяешь, приходится пользоваться. Но сменить операционную систему, по-моему, ничто не мешает. Просто как-то дико пользоваться тем, что уже морально устарело.
      • +1
        Это дико для нас с Вами, но не для работодателя. Никто не будет грэйдить весь парк, что там можно было 7-ку поставить. Это факт.
        • 0
          Ваш работодатель хочет, что бы вы делали анимацию на HTML5, но при этом не хочет вкинуть денег на обновление ПО? Работай там и дальше, bro.
          • +2
            в том дело что пока не хочет… пока петух не клюнет — будем флэшить )
            а на счет работай и дальше, дык у нас в городе выбор не велик…
            так к слову по сабжу наваял — web-bees.com/edge/test.html
            • 0
              Огого, у меня не самый старый комп просто сходит с ума, когда стараюсь выделить текст.
  • +8
    Это не ализар, ализар не пишет такие топики! Верните мне ализара!
  • +2
    • +1
      Ответил сотрудник Adobe:
      We haven't announced plans but are looking for feedback as to what we should do. I'll tally your vote!

      Так что, если вам нужна версия для Linux, идите и проголосуйте за неё.
  • +2
    Отлично. Ждём волну баннеров на html5.
    • 0
      Будем надеяться что flashblock и им подобные сообразят быстро.
      • 0
        AdBlock сообразит.
  • 0
    Увы не для нас. Пользователей бро ie7 и ie8 довольно-таки высоко.
    • 0
      Ну так HTML5 больше ориентирован то скорее на будущее, когда IE постепенно канет в лету. Вот тогда то и начнеться полноценное повсеместное применение.
      • 0
        ошибся, имел в виду когда старый (7,8) IE канет в лету (сам ослик, увы, никуда не денеться)
        • 0
          я даже заскринил это!
  • 0
    Хотя бы тут они подумали над интерфейсом для анимации. Давно пора использовать наработки из афтер эффекта. Желаю того же самого флэшу! А то все никак не можем избавиться от духа макромедии.

    А по существу, ну наконец-то! Реальный инструмент, для реальных нужд. Думаю на фоне этой программы появится новая специализация: дизайнер-аниматор хтмл-страниц.
  • 0
    Надеюсь adobe доведет эту прогу до ума, и наконец можно будет лицезреть красивейшие сайты на iPad.
  • 0
    Разыскиваем человека, знакомого с этой программой для работы в офисе. Проект по созданию интерактивного контента. Если интересно — пишите. Отвечу на вопросы.

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