Эффект калейдоскопа с использованием Javascript, CSS или ImageMagick?

Question

Я пытаюсь динамически создать шаблон калейдоскопа из исходного изображения. Вы можете увидеть пример во Flash здесь: http://www.maegpai.com/mademyshirt/tool/ (щелкните изображение, чтобы начать).

Я хочу создать тот же эффект, используя HTML Canvas , CSS (маскирование) или ImageMagick и PHP.

Как лучше всего создать что-то подобное, кроме Flash? Меня не волнуют старые браузеры, если мне удастся заставить это работать в Safari и Chrome, этого будет достаточно.

Answer 1

Вот CSS: http://bl.ocks.org/abernier/raw/9070122/ код можно найти здесь: http://bl.ocks.org/abernier/9070122/

Answer 2

Если вы хотите, чтобы это было сделано быстро с наименьшим объемом работы с вашей стороны, используйте ImageMagick и PHP, скрипт уже написан для вас.

Если вы хотите похвастаться своим безумным умением, я бы выбрал CSS (маскирование). Это кажется мне трудным.

Если вы хотите привлечь внимание, используйте HTML5 Canvas. Все думают, что это круто.