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

    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 и т.д.

    Метки:
    Поделиться публикацией
    Похожие публикации
    Комментарии 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?
    • +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
      Это не ализар, ализар не пишет такие топики! Верните мне ализара!
      • +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
      Разыскиваем человека, знакомого с этой программой для работы в офисе. Проект по созданию интерактивного контента. Если интересно — пишите. Отвечу на вопросы.

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