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

    Support the author
    Share post

    Similar posts

    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 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
                      Спасибо.

                      P.S.: По всем ссылкам не ходил, т.к. на некоторых вход только по ID.
                    +4
                    Эт хорошо, может со временем, вот такая IDE вернет радость от WEB разработки…
                      +1
                      а из-за чего она у вас пропала?
                      • UFO just landed and posted this here
                      –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 и им подобные сообразят быстро.
                              • UFO just landed and posted this here
                              0
                              Увы не для нас. Пользователей бро ie7 и ie8 довольно-таки высоко.
                                0
                                Ну так HTML5 больше ориентирован то скорее на будущее, когда IE постепенно канет в лету. Вот тогда то и начнеться полноценное повсеместное применение.
                                  0
                                  ошибся, имел в виду когда старый (7,8) IE канет в лету (сам ослик, увы, никуда не денеться)
                                    0
                                    я даже заскринил это!
                                0
                                Хотя бы тут они подумали над интерфейсом для анимации. Давно пора использовать наработки из афтер эффекта. Желаю того же самого флэшу! А то все никак не можем избавиться от духа макромедии.

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

                                    Only users with full accounts can post comments. Log in, please.