Есть ли какой-то эффект анимации слезоточивого изображения для jQuery?

Интересно, существует ли сегодня какой-то эффект анимации разрыва изображения с помощью jQuery? Не как на миллион кусочков, а как эффект разрыва картинки посередине? Двигаясь в стороны. Или это то, что требует использования Flash-анимации?? Спасибо!


javascript animation jquery tearing
person user2097217    schedule 10.03.2013    source источник
comment
Я думаю, что это вопрос HTML5 Canvas. Используя drawImage, затем перемещая пиксели.   -  person QuentinUK    schedule 10.03.2013
comment
Пожалуйста, объясните немного больше. Проверил, но особой разницы нет.   -  person user2097217    schedule 10.03.2013
comment
Вы можете использовать Flash, если хотите. Некоторым это не нравится, и они предпочитают Canvas. Если у вас нет Flash, вы можете получить бесплатную пробную версию на 1 месяц, но затем вам придется ее купить.   -  person QuentinUK    schedule 10.03.2013
comment
Основываясь на том, что я видел до сих пор, я чувствую, что Flash — лучший способ продолжить это? Что ВЫ ЛИЧНО думаете?   -  person user2097217    schedule 11.03.2013
comment
Я предпочитаю холст, но вы должны знать, что он довольно новый, и у многих людей не будет современного браузера, поэтому, если вам нужна более широкая аудитория, вам понадобится Flash или что-то более простое, например изображение, которое вы разделите на 2. половинчатые изображения, которые раздвигаются с помощью анимации, например, с помощью jQuery.   -  person QuentinUK    schedule 11.03.2013

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете сделать это с помощью javascript и css3.

Просто сделайте так, чтобы javascript дублировал изображение (возможно, div с фоном в качестве изображения) и вставил его поверх самого себя. Затем сделайте так, чтобы левое изображение отображало первые пиксели от 0 до 50%, а правое изображение должно отображать пиксели от 50% до 100% с фоном, выровненным по правому краю. Затем вы можете заставить css или jquery раздвинуть каждую сторону. Вам нужно будет добавить несколько дополнительных стилей, чтобы создать этот рваный вид, но это вполне выполнимо.

person JuanT    schedule 10.03.2013
comment
О, хорошо, спасибо, я посмотрю на это, как только решу, какое изображение использовать. ;) - person user2097217; 11.03.2013
comment
Если вы можете считать это своим ответом, пожалуйста, отметьте его как таковой :) - person JuanT; 11.03.2013
comment
Яll have to see if Iмогу что-то сделать, ожидайте какие-то баллы скорее всего сегодня-завтра ;) - person user2097217; 11.03.2013