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
                                Разыскиваем человека, знакомого с этой программой для работы в офисе. Проект по созданию интерактивного контента. Если интересно — пишите. Отвечу на вопросы.

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