Страница 9 из 19

Re: Дизайн сцен

Добавлено: Чт янв 08, 2015 10:01 am
I_I_Imonder
Друзья, приветствую. С прошедшими праздниками
Такой вопрос, кто нибудь делал кнопку css из имеющейся картинки? ну или как то заставить эту картинку вдавливаться при нажатии?)
P.S. картинка png

Re: Дизайн сцен

Добавлено: Вс янв 11, 2015 1:04 am
Vit
вот решил по примеру Alex

Изображение

попробовать сделать сцену

вот как то так))

Изображение

Re: Дизайн сцен

Добавлено: Вс янв 11, 2015 1:13 am
shemnik69
Замечательно. А супер код будет?
Пожалуйста.. :D
У меня хоть вентилятора на плате нет (Atom) но остальная выводимая информация очень полезна.

Re: Дизайн сцен

Добавлено: Вс янв 11, 2015 1:29 am
Vit
у меня тоже нет вентилятора в буке не кажет...

с кодом реально голову сломал по сценам особенности есть с обновлением значений...

еще такую особенность заметил на планшете ipad (crome)

если открыть сцену по ссылке http://127.0.0.1/popup/scenes/17.html

то графики при обновлении моргают...

Вопрос сразу к Сергею ....как то это можно вылечить?)


Код если будет желание выложу да и описание можно сделать...

функцию получения значений с hardware monitor я тоже немного дописал для получения сразу еще мин и мах значений

Изображение

только не стал пока делать direction используя обращение к базе потому что много запросов получится...

вот такая сценка в итоге получилась)

Re: Дизайн сцен

Добавлено: Вс янв 11, 2015 12:10 pm
shemnik69
На счет моргания графиков, да такое есть но я обратил на это внимание после Вашего замечания. :D
Да, прошу инструкцию по монтажу сцен.
Еще вопрос, а какой программой пользуетесь при дизайне сцен.? Сейчас пробую DevelStudio3.0beta2 довольно продвинутый продукт.

Re: Дизайн сцен

Добавлено: Вс янв 11, 2015 12:42 pm
sergejey
Vit писал(а):то графики при обновлении моргают...Вопрос сразу к Сергею ....как то это можно вылечить?)
А какой код вставки графика?

Re: Дизайн сцен

Добавлено: Вс янв 11, 2015 8:20 pm
Vit
sergejey писал(а):
Vit писал(а):то графики при обновлении моргают...Вопрос сразу к Сергею ....как то это можно вылечить?)
А какой код вставки графика?
Сереж приветствую.....только добрался до компа...

вот так вывожу весь элемент
SPOILERSPOILER_SHOW
<div align="center"><font size="3" color="gray" face="Arial"><b>Температура процессора</b></font></div>
<div align="center">

<font size="5" color="lightgray" face="Arial"><b>%serverCPUTemp.Value%°</b></font><br>

<font size="2" color="gray" face="Arial">Максимальное значение: </font>
<font size="2" color="brown" face="Arial"><b>%serverCPUTemp.Max% (%analog20.statDayMaxTime%)</b></font><br>
<font size="2" color="gray" face="Arial">Минимальное значение: </font>
<font size="2" color="brown" face="Arial"><b>%serverCPUTemp.Min% (%analog20.statDayMinTime%)</b></font><br>
</div>
<img src="/pChart/?p=serverCPUTemp.Value&type=2h&title= &width=280&height=150&gcolor=red&gtype=fcurve&scale=0">

Re: Дизайн сцен

Добавлено: Вс янв 18, 2015 9:28 pm
Vit
Обзор подробный никак нет времени написать по данной сцене, думаю разберутся желающие, вопросы будут отвечу.

1. создаем сценарий для вытягивания данных:
SPOILERSPOILER_SHOW
clearTimeout("timer_Server_timeout");

function searchJson($obj, $valut, $direct)
{foreach($obj->Children as $child)
{
if(isset($child->id) && $child->id == $valut)
{
//$sensorvalue = $child->Value;
$sensorvalue = round(substr($child->Value,0,strpos($child->Value,' ')),0);
$sensorMax = round(substr($child->Max,0,strpos($child->Max,' ')),0);
$sensorMin = round(substr($child->Min,0,strpos($child->Min,' ')),0);
sg($direct.'.Value',$sensorvalue);
sg($direct.'.Max',$sensorMax);
sg($direct.'.Min',$sensorMin);
}
searchJson($child,$valut,$direct);
}
return;
}

$ch = curl_init('http://127.0.0.1:8085/data.json');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$ohm = curl_exec($ch);
$json = json_decode($ohm);
searchJson($json,'11','serverCPUTemp');
searchJson($json,'13','serverCPUload');
searchJson($json,'33','serverCPUFan');
searchJson($json,'22','Memory');
searchJson($json,'38','serverHddTemp');
searchJson($json,'40','serverHddSpfree');


setTimeOut("timer_Server_timeout", "runScript('timer_Server');", 2);
объекты подставите свои

2. элементы сцены

вот эта часть

Изображение

настройки элемента

Изображение


код графика
SPOILERSPOILER_SHOW
<img src="/pChart/s.php?p=serverCPUTemp.Value&objt=smartStick1&dca=blue&unit=°&middle=0&min=%serverCPUTemp.Min%&max=%serverCPUTemp.Max%&label=CPU Temp&ralert=55" id='image1'>
код в дополнительном поле JavaScript
SPOILERSPOILER_SHOW
var image1Timer;
var newImage1 = new Image();
newImage1.src='/pChart/s.php?p=serverCPUTemp.Value&objt=smartStick1&dca=blue&unit=°&middle=0&min=%serverCPUTemp.Min%&max=%serverCPUTemp.Max%&label=CPU Temp&ralert=55';

function updateImage1()
{
if(newImage1.complete) {
document.getElementById("image1").src = newImage1.src;
newImage1 = new Image();
newImage1.src = "/pChart/s.php?p=serverCPUTemp.Value&objt=smartStick1&dca=blue&unit=°&middle=0&min=%serverCPUTemp.Min%&max=%serverCPUTemp.Max%&label=CPU Temp&ralert=55&time=" + new Date().getTime();
}
clearTimeout(image1Timer);
image1Timer=setTimeout('updateImage1();', 1000);
}
updateImage1();
в таком же плане все остальные элементы
меняем объекты на свои

2. элемент графики, тут в принципе все стандартно
SPOILERSPOILER_SHOW
<div align="center"><font size="3" color="gray" face="Arial"><b>Температура процессора</b></font></div>
<div align="center">

<font size="5" color="lightgray" face="Arial"><b>%serverCPUTemp.Value%°</b></font><br>

<font size="2" color="gray" face="Arial">Максимальное значение: </font>
<font size="2" color="brown" face="Arial"><b>%serverCPUTemp.Max% (%analog20.statDayMaxTime%)</b></font><br>
<font size="2" color="gray" face="Arial">Минимальное значение: </font>
<font size="2" color="brown" face="Arial"><b>%serverCPUTemp.Min% (%analog20.statDayMinTime%)</b></font><br>
</div>
<img src="/pChart/?p=serverCPUTemp.Value&type=12h&title= &width=280&height=150&gcolor=red&gtype=fcurve&scale=0">
Изображение

как то так, если кратко...

Изображение

Re: Дизайн сцен

Добавлено: Сб мар 28, 2015 8:27 am
DiArt
Доброго дня!
Есть сцена с разрешением 1920х1080. Как програмно уменьшить её?Например до 1024х768
Просто планирую делать для большого разрешения, но для планшета хочу сделать поменьше. И чтобы заново все не переделывать, думаю может где есть уменьшить или увеличить в процентном соотношении?

Re: Дизайн сцен

Добавлено: Сб мар 28, 2015 8:35 am
Vit
Пока только в отдельной программе, например фотошоп можете уменьшить до нужного разрешения.