Дизайн сцен 2

[Dark_Veter]

Я кстати погоду себе делал по этому же шаблону, только без анимации, работает с модулем OpenWeatherMap. Если кому интересно, могу выложить. Я там еще сделал изменяющийся фон, для каждого времени года

СпойлерПоказать

2015-11-24_1258.jpg (196.19 КБ) 14200 просмотров

[Vovix]

Я кстати погоду себе делал по этому же шаблону, только без анимации, работает с модулем OpenWeatherMap. Если кому интересно, могу выложить. Я там еще сделал изменяющийся фон, для каждого времени года

очень здорово, и очень похоже - один источник
только неужели OpenWeatherMap погоду предсказывает аж в сотых долях градуса?

[Vovix]

.... изменяющийся фон, для каждого времени года

я тоже думал об этом, но решил, что лучше потом сделаю кадр с камеры видеонаблюдения
уличной!!!

[Aleks130699]

Я там еще сделал изменяющийся фон, для каждого времени года

СпойлерПоказать

2015-11-24_1258.jpg

Мне интересно как сделать изменяющийся фон))Просто я в программировании еще не сильно разобрался))

[Dark_Veter]

Мне интересно как сделать изменяющийся фон))Просто я в программировании еще не сильно разобрался))

Я следующим образом сделал:
1. Положил нужные картинки в cms/scenes/backgrounds/
2. Создал сценарий getSceneImage со следующим кодом (картинки в массивах надо будет поменять на нужные).

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

if($params['scene'] == "weather") {
     $winter = array("cms/scenes/backgrounds/winter_1067x640.jpg");
      $spring = array("cms/scenes/backgrounds/spring_1067x640.jpg");
      $summer = array("cms/scenes/backgrounds/summer_1067x640.jpg");
      $autumn = array("cms/scenes/backgrounds/autumn_1067x640.jpg",
                    "cms/scenes/backgrounds/weather_1067x640.jpg");
 
        $seasons = array(0 => $winter,
                     1 => $spring,
                     2 => $summer,
                     3 => $autumn);
 
    $season = $seasons[floor(date('n') / 3) % 4];
 
    $img = $season[rand(0, count($season) - 1)];
    if (file_exists($img)) {
           header("Content-type: image/jpg");
           readfile($img);
    } 
} else {
    $images = array("cms/scenes/backgrounds/weather_1067x640.jpg",
                   "cms/scenes/backgrounds/city_1067x640.jpg",
                   "cms/scenes/backgrounds/plants_1067x640.jpg");
    $img = $images[rand(0, 2)];
        if (file_exists($img)) {
               header("Content-type: image/jpg");
               readfile($img);
        }
} 

3. Создал сцену и в строке фоновое изображение указал созданный выше сценарий:

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

/objects/?script=getSceneImage&scene=weather

В принципе код можно еще оптимизировать и уменьшить, но я пока этим не заморачивался.

[Aleks130699]

Я следующим образом сделал:
1. Положил нужные картинки в cms/scenes/backgrounds/
2. Создал сценарий getSceneImage со следующим кодом (картинки в массивах надо будет поменять на нужные).

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

if($params['scene'] == "weather") {
     $winter = array("cms/scenes/backgrounds/winter_1067x640.jpg");
      $spring = array("cms/scenes/backgrounds/spring_1067x640.jpg");
      $summer = array("cms/scenes/backgrounds/summer_1067x640.jpg");
      $autumn = array("cms/scenes/backgrounds/autumn_1067x640.jpg",
                    "cms/scenes/backgrounds/weather_1067x640.jpg");
 
        $seasons = array(0 => $winter,
                     1 => $spring,
                     2 => $summer,
                     3 => $autumn);
 
    $season = $seasons[floor(date('n') / 3) % 4];
 
    $img = $season[rand(0, count($season) - 1)];
    if (file_exists($img)) {
           header("Content-type: image/jpg");
           readfile($img);
    } 
} else {
    $images = array("cms/scenes/backgrounds/weather_1067x640.jpg",
                   "cms/scenes/backgrounds/city_1067x640.jpg",
                   "cms/scenes/backgrounds/plants_1067x640.jpg");
    $img = $images[rand(0, 2)];
        if (file_exists($img)) {
               header("Content-type: image/jpg");
               readfile($img);
        }
} 

3. Создал сцену и в строке фоновое изображение указал созданный выше сценарий:

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

/objects/?script=getSceneImage&scene=weather

В принципе код можно еще оптимизировать и уменьшить, но я пока этим не заморачивался.

Поставил вроде все работает как нужно,только почему-то на вот эту weather_1067x640.jpg меняется через раз.и страничка грузится бесконечно.

[Dark_Veter]

Поставил вроде все работает как нужно,только почему-то на вот эту weather_1067x640.jpg меняется через раз.и страничка грузится бесконечно.

В принципе ее вообще можно убрать было из массива, сделано было для того, чтобы на каждое время года можно было добавить несколько картинок и они бы менялись случайным образом.

[Aleks130699]

Поставил вроде все работает как нужно,только почему-то на вот эту weather_1067x640.jpg меняется через раз.и страничка грузится бесконечно.

Заметил что сцена погоды грузится очень долго и без картинки, пробовал вставить на новую сцену и сервер перезапускать все равно долго.

[Dark_Veter]

Заметил что сцена погоды грузится очень долго и без картинки, пробовал вставить на новую сцену и сервер перезапускать все равно долго.

У вас там скорее всего какие-то стили из внешних источников грузятся (возможно Font Awesome), попробуйте скачать и подключить их локально.

[Vovix]

меняющийся фон можно сделать БЕЗ ЕДИНОЙ СТРОЧКИ КОДА!
вот возьмите элемент (картинки поставьте свои и добавьте остальные времена года)
основано также на том что у меня объект Izhevsk.season меняет свое значение по временам года!


P.S. не забудьте убрать фон в настройках сцены (хотя он наверное просто наложится), но для пущей логики, наверно в настройках сцены лучше оставить поле фона пустым!