Комментарии 14
Хорошая реализация фразы: «Закат Солнца вручную». :)
+7
Для наглядности ещё бы добавили функцию, которая в зависимости от текущего времени меняет положение солнца.
+1
Кодировочка в заголовке ааааААА!!11 по ссылке — damirazo.narod2.ru/
+1
>>Как ни странно, но шустрее всего на моей машине пример работал в браузере IE9, чуть похуже обстояли дела в браузере Firefox. В Chrome и Opera заметны некоторые фризы при движении.
Тут раз всё логично — аппаратное ускорение в таких делах решает.
Кстати вместо фильтров рекомендую использовать svg градиенты для ИЕ ie.microsoft.com/testdrive/Graphics/SVGGradientBackgroundMaker/Default.html
Тут раз всё логично — аппаратное ускорение в таких делах решает.
Кстати вместо фильтров рекомендую использовать svg градиенты для ИЕ ie.microsoft.com/testdrive/Graphics/SVGGradientBackgroundMaker/Default.html
0
Можно было бы еще обрабатывать событие
touchmove
(с реализацией, сходной с onDrag
). Тогда, например, работало бы на iOS/Android устройствах (ну и не забыть прописать viewport).0
Могу предложить дополнить вашу реализацию движением солнца (по желанию можно добавить движение по окружности):
var sunMove = function(sunId, offset, timeout) {
$('#' + sunId).css({
left: '+=' + offset.left,
top: '+=' + offset.top
}).get(0).onDrag();
setTimeout(function() {
sunMove(sunId, offset, timeout);
}, timeout);
}
sunMove('sun', {left:1, top:1}, 50);
+4
Клево — при должной сноровке ваше солнце можно превратить в луну! Достаточно резко выдернуть солнце вверх за пределы окна, а потом плавно вернуть в верхнюю часть неба. Еще забавной показалась возможность выставить звездам «opacity» больше единицы — чем «глубже» солнце, тем «ярче» звезды. Представилось, как на большом мониторе выгорают звездные пиксели…
+3
Всего лишь анимация заката, а CPU грузится как будто в 3D экшен играю. (проверенно FF7,Gchrome15)
+1
Спасибо за dom-drag. Недавно нужно было, перерыл пол-интернета, всё что находил было основано на jQuery UI. «Чистый» код без фрейморков сейчас крайне сложно встретить.
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Делаем управляемый закат с помощью CSS3 и javascript