Снежок и «заморозка» логотипа, как сделать (быстрее, эффективнее, проще)?

Question

[Arris]

Задумалось начальство о редизайне логотипа. И в добровольно-принудительном порядке (тыжпрограммист) обязало меня этим заняться.

Логотип - 4 оранжевых полупрозрачных буквы на белом фоне с движущимся градиентом. Флэш, понятное дело.

От движущегося градиента они решили отказаться, а взамен хотят, чтобы на странице падал снежок, у букв рос сугроб, а сами буквы замерзали (точнее покрывались инеем), но не целиком, а постепенно, снизу вверх. Анимация, типа. А потом трескались, лёд сбрасывали и все повторялось.

Как снежок сделать, я знаю.

А вот что делать с заморозкой - пятый день думаю и гуглю и что-то ничего внятного :( Исходника флэша естественно не сохранилось, декомпиляция ничего не дала (я впрочем в этом не шибко то..).

Последнее время слегка морочусь канвасом, но моё гугл-фу отказывает.
Про CSS-трансформации тоже гуглил и тоже ничего не придумал.
Флэшера нанять не вариант, а из знакомых никто настолько не компетентен.

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

Посоветуйте, как сделать такой дивный эффект?

Сдается мне, кто-то уже наступал такие грабли...

Спасибо!

P.S. Нет, конечно не уволят. Но вот премию могут и срезать...

Comments

[copal]

Сделать в видео редактора, а затем перевести в кадры и отрисовывать их на канвасе. Так даже в играх делают. Никто не делает эффекты на основе математики, так как это очень сложно, долго и дорого.

Answer 1

[Grigruss]

В топку флешь. SVG или GIF. Можно даже видео...

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

Я бы так и сделал. Только не сдвигать, а накладывать один поверх другого.
P.S.:
.ice-layer{opacity:0}

var to=0;
$('.ice-layer').each(function(){
    setTimeOut("$(this).animation({opacity:1},100)",to);
    to=to+100;
});

Answer 2

[Кирилл]

Я бы в сторону SVG посмотрел.

Comments

[Arris]

ДА толку в его сторону смотреть :) Мне б понять, как визуальный эффект заморозки сделать...

[Макс]

Arris: ок гугл? www.youtube.com/watch?v=70mrtFM8qcA

[Arris]

Макс: заморозка в фотошопе и SVG. Я чего-то видимо не понимаю в этой жизни, да?

[Макс]

Arris: в PS нарисовали несколько стадий заморозки - и сохранили их в PNG/GIF. Дальше по методу Григорий