[Дизайн] Элемент сцены Погода

[adzam]

Много вариантов красивых иконок можно скачать отсюда
http://www.pogoda.com/widget/?gclid=CLX ... tAodUk4ABA

[Bagir]

Обновил первый пост.
Папку с картинками перенес в папку images которая в корневом каталоге.
Картинки заменены на родные с Яндекса. Теперь, благодаря skysilver есть полная коллекция.
Добавил класс, в котором собрал все интересные примеры. Если чего то упустил, пишите, будем добавлять.
В классе есть метод sayWeather для проговаривания прогноза погоды.

[Smolalex]

Отличный объект. Я бы добавил расчетный рассвет-закат, луну восход-закат, фазы луны с отображением. Есть еще расчет вероятности заморозков. Тоже не плохо бы отображать.

[Bagir]

восход-закат солнца и луны я хотел добавить в элемент календаря. А то там как то пустовато. Скоро им займусь.
А что за расчет вероятности заморозка? Где почитать, тема интересная.

[Smolalex]

В дружественном форуме. ab-log.ru. Сам полазил и тесную у них.

[Smolalex]

Еще хотелось бы иметь например градиент элемента css дневной, вечерний, ночной. Можно создать объект где хранить цвет градиента. Удобно для восприятия состояния вечереет , ночь...

[Bagir]

Тоже хорошая идея, заберу ее в календарь.

[Smolalex]

Я в качестве background использую элемент image с разными фонами день, вечер, ночь. Хотелось бы таМ отображать луну в ее фазе и не плохо бы иметь компас. То есть восход солнца начинает светить именно с той стороны заставки где должено луна садится там где должна. Так мечта. Живая заставка.

[Bagir]

Можно попробовать крутить градиент на нужный угол солнца. Вот и будет живая заставка. Такой css градиент у меня как раз в этом элементе погоды.

Код: Выделить всё

background: linear-gradient(135deg, rgba(100,160,220,1) 1%,rgba(170,230,280,1) 100%); 

Можно поиграться с цифрами и процентами, чтобы получить больше эффекта.
Фазу луны не трудно нарисовать с помощью svg. Будет тоже живая.

[Smolalex]

Спасибо. Буду эспериментировать.