Как стать автором
Обновить

Комментарии 47

забавная реализация. пожалуй может быть полезна в некоторых проектах.
Любопытная штука. Но 100% нагрузка проца — достаточно серьезный минус.
У меня всего 20% загрузка, что вполне приемлемо.
Ну меня 47% (Хром)
Зависит от проца. У меня не больше 15% на Core 2 Duo 3 GHz. Флеш проц тоже не слабо грузит
на неразогнанном Core i5 750 — ~10% в FF3.6, и ~7% в Последнем Хроме (из дев ветки)
24% Хром
Прелесть какая :) очень симпатично сделано
Согласен с MARDEN. Сравнил нагрузку на проц которую создает приведенный пример, с нагрузкой при проигрывании flash ролика на этом сайте www.property-serviceazur.com/

Флэш грузит почти в 2 раза меньше, в то время как даже на flash все нынче наезжают за его тормознутость, особенно на маках.
Не думаю, что только из-за того, что в данном конкретном тесте flash в два раза быстрее Javascript+HTML его нужно объявить королем скорости.

Правда, что касается меня, на моих Windows компах с Flash все в порядке. Не жалуюсь на скорость.
НЛО прилетело и опубликовало эту надпись здесь
Почему же нет? Как напишете, так и будет работать.
НЛО прилетело и опубликовало эту надпись здесь
Вся эта штука — один большой страшный overkill — не думаю, что это когда-то будет сколько-нибудь серьёзно применяться. Современные браузеры давно уже умеют чудесный тэг canvas и/или умеют вставлять процедурные SVG-картинки — и, соответственно, имеют полный набор операций на них — между прочим, вполне себе hardware accelerated, без изменения DOM основной страницы и страшного ререндеринга всего на каждый чих.

Неудивительно, что производительность flash выше, а нагрузка на процессор — ниже. Удивительно то, что никто до сих пор не сравнил с хотя бы canvas…
Раньше нужны были гигагерцы что бы шпилить в 3d написанное на С++, сейчас нужны гигагерцы, что бы наблюдать за спрайтовой анимацией в браузере реализованной при помощи JS — мде, прогресс на лицо )))
Повышение производительности железа с лихвой компенсируется созданием еще одного уровня абстракции )
Теперь появятся еще более надоедливые RichMedia
Нет, все таки javascript не предназначен для long-time анимации.
В jQuery для этого используется таймер, вызываемый каждые 17 мс. Это получается почти 60 fps. Вот и подумайте: бедному браузеру нужно обновлять dom 60 раз в секунду. Конечно при таком раскладе загрузка cpu будет очень высокой.
ох и жрут же такие красоты.
может быть идеальным для баннеров

Сомневаюсь что это подойдет для баннеров, всетаки нагрузка действительно больше флеша.
Если плавющие флеш баннеры иногда раздражают, то чего ждать от баннеров с данной реализацией.
> Если плавющие флеш баннеры _иногда_ раздражают
А Вы терпеливый (:
Просто я понимаю что для многих владельцев сайтов реклама основной источник дохода, и в адблок вношу только некоторые адреса. Но думаю если появятся такие баннеры, то я все же их буду блокировать.
Вы действительно думаете, что это сильно смутит горе-дизайнеров и мудо-вебмастеров?..

Я на это не надеюсь =(
НЛО прилетело и опубликовало эту надпись здесь
AdBlock отлично борется с снежными заносами, и с этими тоже поборется.
Многие люди, когда читают текст выделяют курсором строку, в месте чтения(например я). А когда птица прилетает и загораживает все не очень удобно :) ИМХО.
Это же просто демо.

Блин, круто, а мне религия, навязанная флешем, не позволяла за пределами картинки нажимать ))
недавно в попандере видел отличную реализацию на скрипте. несмотря на то что обычно я сразу закрываю подобные окна, заинтересовался. регистрация выполнена в виде предварительной игры.
не сочтите за рекламу, вот ссылка кому интересно fotostrana.ru/start/questpet/
Работа — «Грачи прилетели»… и гоняются)
Ух, 1.7 мб на спрайт… Мощно. Во флеше конечно получилось бы намного легче.
Но зато крутится плавно и у меня процессор заметно не жрет.
А как, если не секрет, делали сами кадры спрайта?
Рендер вращения мельницы разбил на 80 кадров, далее положил под каждый кадр одинаковую картинку, слепил все в кучу и сжал с помощью jpg.
Все операции с помощью ImageMagick
А рендер в чем делали?
Про рендер соврал. Повороты лопастей вытаскивал из swf. Они там в png и jpg были. И, кстати, jpg-и весили около 900 КБ вместо моих 1.7 мб. Причем в лучшем качестве, но с черным фоном.
Анимированные баннеры элементы могут летать на странице...
50% — Opera, интересно придумали)
по старой привычке ожидал прицела чтобы застрелить птичек
У гугла видел подобный эффект в виде аннимированных значков — www.google.cn/
Не во всех проектах можно использовать флеш по тем или иным причинам, тем более это пример и никто не просит нагружать 100500 слоев, чтобы делать банеры и я думаю в грамотной реализации — это будет меньше весить и быстрее чем флеш, особенно, когда рядом нет флешера :-D
Воот кстати плохой пример, неправильного использования флеша, www.bezumnieusilia.ru так вот я более чем уверен, что на JS вышло бы меньше по размеру и быстрее, у меня тут даже комп рычит, когда я запускаю этот сайт
На iPhone 3g совсем не тормозит, ура
На IE 6.0. даже не тормозит у меня))
По поводу скорости посмотрите на другие проекты с тем же скриптом, ( redirectme.to/ например ) у меня нагрузка <5%
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории