флеш сайт переделан в jquery?возможно?

Question

Я подумываю попробовать переделать флеш-сайт с использованием эффектов jquery и переходов. Я просто хотел обратиться к сообществу, чтобы, возможно, увидеть, насколько это реально, учитывая конкретные изменения и эффекты, которые имеет этот сайт.

Вот ссылка:

http://antonynicoli.com/english.html

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

Answer 1

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

Если вы посмотрите на использование HTML 5, я полагаю, что многие элементы анимации, такие как переход страницы в начальной книге, можно смоделировать с помощью элемента canvas.То же самое с элементами навигации.

https://developer.mozilla.org/en/canvas_tutorial

http://diveintohtml5.ep.io/canvas.html#divingin

Как вы упомянули, некоторые эффекты, такие как карусель, могут быть переработаны из существующих плагинов.Единственным препятствием на самом деле является то, сколько времени вы хотите потратить на перенос дизайна на язык, не слишком подходящий для выполнения работы.jQuery - превосходный фреймворк, но он далек от простой замены для создания эффектов, тривиальных для создания во Flash / Actionscript.

Answer 2

Это, вероятно, выполнимо, но меня интересует мотивация перехода на решение HTML / jQuery, когда оно выглядит довольно неплохо (как указывал Брэд выше, это потребует полной переделки). Я вижу, что происходит пара вещей:

• Карусель: jCarousel (http://sorgalla.com/jcarousel/) (никогда не использовал, но он популярен)
• Анимации: jQuery Animate (http://api.jquery.com/animate/)
• Другие виджеты / взаимодействия: jQueryUI: (http://www.jqueryui.com)

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

Лучший способ узнать, можно ли это сделать, - начать делать это! У jQuery есть тонны ресурсов, и вы получите хорошую помощь здесь, в StackOverflow.

Answer 3

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