Летом, выходя из дома, я не мог решить, надеть кроссовки или шлёпки? Цифры термометра ничего конкретного не говорили, за окном было невнятное. Подумал, что можно сделать сайт, который показывал бы не только погоду, но и советовал, что надеть. Предложил идею другу, ему она понравилась и мы тут же принялись за работу. Андрей krevetka программировал и администрировал сервер, я верстал и рисовал. Сайт сделали за четыре месяца.

 

Сразу решили, что проект не должен быть безликим, нужен ключевой персонаж. Так как сайт мы ориентировали на Штаты, выбрали самого популярного там человека — президента. Соответственно, к нему привязали и название. Были варианты «meteobama.com» и «obameter.com», но мы посчитали, что приставка «meteo-» в Америке не распространена, «obameter» — невнятно, а вот «obama-weather.com» — звучно и хорошо запоминается.

Со временем добавили новых персонажей — постарались, чтобы это были популярные люди у непересекающихся аудиторий. Выбрали доктора Хауса, Анджелину Джоли и Бендера Родригеса. Впоследствии получили письмо от некого Эндрю Чанга из Китая, он молил о Брюсе Ли, и готов был нарисовать его собственноручно. Мы сделали Брюса Ли, который, правда, оказался похожим на Цоя. Но, судя по отзывам, китайцы остались довольны. Сама собой получилась некоторая поляризация по стилям мужской одежды: бизнес-стиль, спортивный и повседневный. Разнообразие женского гардероба — в ближайших планах.

 

Механизм работы сайта следующий: берём информацию о погоде у службы weather.com, далее наш алгоритм оценивает температуру, облачность, влажность и силу ветра — и отдаёт данные классу «ObamaMama», который одевает Обаму, склеивая из слоёв PNG цельный JPEG.

Кроме того, мы переводим сухие данные weather.com на человеческий язык. Например, «am rain» преобразуем в «rainy morning on monday». То же самое и с ветром: мало кому понятные численные значения трансформируются во внятное «moderate wind» или «gentle wind». Внятное, правда, лишь для знающих английский.

Фон заголовка и плашка со значением температуры меняют цвет в зависимости от значения — от холодного синего через серый при нуле по Цельсию к горячему оранжевому. Эту чудесную идею, как вы понимаете, мы взяли у Яндекс.Погоды, которой пользовались прежде.

Также мы сделали страницу «zen», при входе на которую при помощи GeoIP определяется положение посетителя и, в зависимости от текущей погоды, демонстрируется сообщение о ней простым человеческим языком: «Now the weather is hot», или, например, «Now the weather is almost winter». Страница простая, лёгкая, хорошо подходит в качестве дефолтной.

 

И последнее — ночная температура на сегодня. При наведении на неё курсора, изображение текущего набора одежды меняется на ночное.

 

http://habrahabr.ru