jQuery альтернатива Adobe Edge Animate?

Question

Вот моя текущая ситуация.

Я начал использовать Adobe Edge Animate около 3 месяцев назад, и я обожаю и ненавижу его. Мне нравится это из-за того, насколько интуитивно это создавать умеренно сложные анимации, и это ускорило мой рабочий процесс, так как я уже знаком с продуктами Adobe, такими как Dreamweaver, Photoshop и Illustrator. Я ненавижу это, потому что, когда я узнаю больше об этом, я обнаружил, что ограничивает его для веб-разработчиков, поскольку он не имеет встроенной поддержки кода на стороне сервера или даже ajax. Он также имеет довольно тяжелый след.

Я смотрел плагины jQuery и не нашел ничего, что могло бы заменить его. Я имею в виду, что такой плагин будет плагин анимации общего назначения, а не тот, который будет делать определенный тип анимации, такой как слайдер или карусель.

Итак, мой вопрос в том, существует ли такой плагин.

Если нет, я планирую сделать это упражнением, поэтому любые советы о том, как реализовать временную шкалу, систему описания структуры, триггер/систему действий и интеграцию ajax/php, будут приветствоваться.

Answer 1

Это зависит от того, к какому типу анимаций вы относитесь, потому что один плагин jQuery для охвата каждого типа анимации, скорее всего, будет большей частью библиотеки и слишком большой для большинства веб-проектов в это время.

KineticJS является популярным как каркас Canvas HTML5, который позволяет создавать множество анимаций, переходов, слоев и обработки событий, которые являются важными вещами. Я связал сайт выше, чтобы вы могли немного изучить его и посмотреть, какие типы игр/проектов люди сделали с KineticJS, и поэтому вы можете почувствовать тип анимации, для которой он может быть использован.

Другая анимация библиотеки/плагин CreateJS, который имеет целый набор рамок для создания контента, тот, который вы, вероятно, будете больше всего интересует TWEENJS, который поддерживает некоторые хорошие вещи, как свойства CSS, и имеет несколько спонсоров уже ,

Недостатком является то, что обе эти рамки анимации не основаны на jQuery, а основаны на JavaScript. Это хорошо и плохо, потому что оба фреймворка не зависят от jQuery, но вы, вероятно, можете использовать jQuery для удобного получения элементов.

Большинство фреймворков предназначены для JavaScript, но существует стандартный метод .animate() в jQuery, который может быть ограниченным по сравнению с полной расширенной картой. Он более интегрирован в jQuery, и вы можете анимировать свойства CSS, но все зависит от того, сколько вам нужно и что вам нужно. Дайте мне знать, если вас это не устраивает, и я попытаюсь найти что-то другое.

EDIT:

Если вы предпочитаете что-то от Adobe, который, кажется, что вы можете, а затем взгляните на Collie, что является еще одной основой, которая использует холст HTML5 и DOM для создания анимации с помощью JavaScript.

Answer 2

Я использую Adobe Edge Animate через несколько месяцев, и мне просто нравится.

Ненавижу это, потому что, узнав об этом больше, я обнаружил, что ограничивает его для веб-разработчиков, поскольку он не имеет встроенной поддержки кода на стороне сервера или даже ajax.

Я не могу понять, что вы имеете в виду здесь. Adobe Edge генерирует JS, CSS и HTML. Если вы создадите их внутри проекта, вы можете открыть его с помощью IDE по вашему выбору. Вы можете выполнить любой javascript/jQuery, который вы хотите. Вы не ограничены, чтобы написать свой код внутри Adobe Edge.

Pesonally Я использую Adobe Edge только для привязки функций к событиям пользовательского интерфейса. Например, в событии onClick кнопки я вызываю MyApplication.myButtonFunction(); Все javascript из внешних скриптов.

Итак, я развиваюсь в Eclipse и открываю проект .an только для редактирования моего графического интерфейса и анимации.

Я действительно думаю, что я что-то, чтобы понять вашу точку хватает ...