Хабр Курсы для всех
РЕКЛАМА
Большая витрина: от крупнейших школ до частных авторов. Сравнивайте по цене, длительности, формату и выбирайте самый подходящий курс!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 47
забавная реализация. пожалуй может быть полезна в некоторых проектах.
Любопытная штука. Но 100% нагрузка проца — достаточно серьезный минус.
Прелесть какая :) очень симпатично сделано
Согласен с MARDEN. Сравнил нагрузку на проц которую создает приведенный пример, с нагрузкой при проигрывании flash ролика на этом сайте www.property-serviceazur.com/
Флэш грузит почти в 2 раза меньше, в то время как даже на flash все нынче наезжают за его тормознутость, особенно на маках.
Флэш грузит почти в 2 раза меньше, в то время как даже на flash все нынче наезжают за его тормознутость, особенно на маках.
Не думаю, что только из-за того, что в данном конкретном тесте flash в два раза быстрее Javascript+HTML его нужно объявить королем скорости.
Правда, что касается меня, на моих Windows компах с Flash все в порядке. Не жалуюсь на скорость.
Правда, что касается меня, на моих Windows компах с Flash все в порядке. Не жалуюсь на скорость.
Вся эта штука — один большой страшный overkill — не думаю, что это когда-то будет сколько-нибудь серьёзно применяться. Современные браузеры давно уже умеют чудесный тэг canvas и/или умеют вставлять процедурные SVG-картинки — и, соответственно, имеют полный набор операций на них — между прочим, вполне себе hardware accelerated, без изменения DOM основной страницы и страшного ререндеринга всего на каждый чих.
Неудивительно, что производительность flash выше, а нагрузка на процессор — ниже. Удивительно то, что никто до сих пор не сравнил с хотя бы canvas…
Неудивительно, что производительность flash выше, а нагрузка на процессор — ниже. Удивительно то, что никто до сих пор не сравнил с хотя бы canvas…
Раньше нужны были гигагерцы что бы шпилить в 3d написанное на С++, сейчас нужны гигагерцы, что бы наблюдать за спрайтовой анимацией в браузере реализованной при помощи JS — мде, прогресс на лицо )))
Теперь появятся еще более надоедливые RichMedia
Нет, все таки javascript не предназначен для long-time анимации.
В jQuery для этого используется таймер, вызываемый каждые 17 мс. Это получается почти 60 fps. Вот и подумайте: бедному браузеру нужно обновлять dom 60 раз в секунду. Конечно при таком раскладе загрузка cpu будет очень высокой.
В jQuery для этого используется таймер, вызываемый каждые 17 мс. Это получается почти 60 fps. Вот и подумайте: бедному браузеру нужно обновлять dom 60 раз в секунду. Конечно при таком раскладе загрузка cpu будет очень высокой.
ох и жрут же такие красоты.
может быть идеальным для баннеров
Сомневаюсь что это подойдет для баннеров, всетаки нагрузка действительно больше флеша.
Если плавющие флеш баннеры иногда раздражают, то чего ждать от баннеров с данной реализацией.
Есть подобный плагин на Mootools: www.aryweb.nl/voorbeelden/pngAnimation/
Теперь новогодние снежинки на сайте выйдут на новый уровень!
Многие люди, когда читают текст выделяют курсором строку, в месте чтения(например я). А когда птица прилетает и загораживает все не очень удобно :) ИМХО.
недавно в попандере видел отличную реализацию на скрипте. несмотря на то что обычно я сразу закрываю подобные окна, заинтересовался. регистрация выполнена в виде предварительной игры.
не сочтите за рекламу, вот ссылка кому интересно fotostrana.ru/start/questpet/
не сочтите за рекламу, вот ссылка кому интересно fotostrana.ru/start/questpet/
Работа — «Грачи прилетели»… и гоняются)
Некоторое время назад реализовывал вращение мельницы c помощью спрайтов
из milk.okhcraft.com/indexswf.swf
получилось milk.okhcraft.com/index.php
И еще вот такую анимацию получилось сделать — milk.okhcraft.com/brands.php
из milk.okhcraft.com/indexswf.swf
получилось milk.okhcraft.com/index.php
И еще вот такую анимацию получилось сделать — milk.okhcraft.com/brands.php
Ух, 1.7 мб на спрайт… Мощно. Во флеше конечно получилось бы намного легче.
Но зато крутится плавно и у меня процессор заметно не жрет.
А как, если не секрет, делали сами кадры спрайта?
Но зато крутится плавно и у меня процессор заметно не жрет.
А как, если не секрет, делали сами кадры спрайта?
Анимированныебаннерыэлементы могут летать на странице...
50% — Opera, интересно придумали)
по старой привычке ожидал прицела чтобы застрелить птичек
по старой привычке ожидал прицела чтобы застрелить птичек
У гугла видел подобный эффект в виде аннимированных значков — www.google.cn/
Не во всех проектах можно использовать флеш по тем или иным причинам, тем более это пример и никто не просит нагружать 100500 слоев, чтобы делать банеры и я думаю в грамотной реализации — это будет меньше весить и быстрее чем флеш, особенно, когда рядом нет флешера :-D
Воот кстати плохой пример, неправильного использования флеша, www.bezumnieusilia.ru так вот я более чем уверен, что на JS вышло бы меньше по размеру и быстрее, у меня тут даже комп рычит, когда я запускаю этот сайт
На iPhone 3g совсем не тормозит, ура
На IE 6.0. даже не тормозит у меня))
а мне понравилось )
По поводу скорости посмотрите на другие проекты с тем же скриптом, ( redirectme.to/ например ) у меня нагрузка <5%
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Анимированные спрайты на jQuery – Spritely