Дизайн сцен
Модератор: immortal
-
- Сообщения: 256
- Зарегистрирован: Сб янв 11, 2014 2:54 pm
- Благодарил (а): 12 раз
- Поблагодарили: 14 раз
Re: Дизайн сцен
Друзья, приветствую. С прошедшими праздниками
Такой вопрос, кто нибудь делал кнопку css из имеющейся картинки? ну или как то заставить эту картинку вдавливаться при нажатии?)
P.S. картинка png
Такой вопрос, кто нибудь делал кнопку css из имеющейся картинки? ну или как то заставить эту картинку вдавливаться при нажатии?)
P.S. картинка png
- shemnik69
- Сообщения: 590
- Зарегистрирован: Пн дек 24, 2012 3:01 pm
- Откуда: Саратов Saratov
- Благодарил (а): 67 раз
- Поблагодарили: 63 раза
Re: Дизайн сцен
Замечательно. А супер код будет?
Пожалуйста..
У меня хоть вентилятора на плате нет (Atom) но остальная выводимая информация очень полезна.
Пожалуйста..
У меня хоть вентилятора на плате нет (Atom) но остальная выводимая информация очень полезна.
-
- Сообщения: 867
- Зарегистрирован: Вт янв 17, 2012 12:31 pm
- Благодарил (а): 121 раз
- Поблагодарили: 78 раз
Re: Дизайн сцен
у меня тоже нет вентилятора в буке не кажет...
с кодом реально голову сломал по сценам особенности есть с обновлением значений...
еще такую особенность заметил на планшете ipad (crome)
если открыть сцену по ссылке http://127.0.0.1/popup/scenes/17.html
то графики при обновлении моргают...
Вопрос сразу к Сергею ....как то это можно вылечить?)
Код если будет желание выложу да и описание можно сделать...
функцию получения значений с hardware monitor я тоже немного дописал для получения сразу еще мин и мах значений
только не стал пока делать direction используя обращение к базе потому что много запросов получится...
вот такая сценка в итоге получилась)
с кодом реально голову сломал по сценам особенности есть с обновлением значений...
еще такую особенность заметил на планшете ipad (crome)
если открыть сцену по ссылке http://127.0.0.1/popup/scenes/17.html
то графики при обновлении моргают...
Вопрос сразу к Сергею ....как то это можно вылечить?)
Код если будет желание выложу да и описание можно сделать...
функцию получения значений с hardware monitor я тоже немного дописал для получения сразу еще мин и мах значений
только не стал пока делать direction используя обращение к базе потому что много запросов получится...
вот такая сценка в итоге получилась)
- shemnik69
- Сообщения: 590
- Зарегистрирован: Пн дек 24, 2012 3:01 pm
- Откуда: Саратов Saratov
- Благодарил (а): 67 раз
- Поблагодарили: 63 раза
Re: Дизайн сцен
На счет моргания графиков, да такое есть но я обратил на это внимание после Вашего замечания.
Да, прошу инструкцию по монтажу сцен.
Еще вопрос, а какой программой пользуетесь при дизайне сцен.? Сейчас пробую DevelStudio3.0beta2 довольно продвинутый продукт.
Да, прошу инструкцию по монтажу сцен.
Еще вопрос, а какой программой пользуетесь при дизайне сцен.? Сейчас пробую DevelStudio3.0beta2 довольно продвинутый продукт.
- sergejey
- Site Admin
- Сообщения: 4284
- Зарегистрирован: Пн сен 05, 2011 6:48 pm
- Откуда: Минск, Беларусь
- Благодарил (а): 75 раз
- Поблагодарили: 1559 раз
- Контактная информация:
Re: Дизайн сцен
А какой код вставки графика?Vit писал(а):то графики при обновлении моргают...Вопрос сразу к Сергею ....как то это можно вылечить?)
Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
-
- Сообщения: 867
- Зарегистрирован: Вт янв 17, 2012 12:31 pm
- Благодарил (а): 121 раз
- Поблагодарили: 78 раз
Re: Дизайн сцен
Сереж приветствую.....только добрался до компа...sergejey писал(а):А какой код вставки графика?Vit писал(а):то графики при обновлении моргают...Вопрос сразу к Сергею ....как то это можно вылечить?)
вот так вывожу весь элемент
СпойлерПоказать
<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>ype=fcurve&scale=0">
<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>ype=fcurve&scale=0">
-
- Сообщения: 867
- Зарегистрирован: Вт янв 17, 2012 12:31 pm
- Благодарил (а): 121 раз
- Поблагодарили: 78 раз
Re: Дизайн сцен
Обзор подробный никак нет времени написать по данной сцене, думаю разберутся желающие, вопросы будут отвечу.
1. создаем сценарий для вытягивания данных:
объекты подставите свои
2. элементы сцены
вот эта часть
настройки элемента
код графика
код в дополнительном поле JavaScript
в таком же плане все остальные элементы
меняем объекты на свои
2. элемент графики, тут в принципе все стандартно
как то так, если кратко...
1. создаем сценарий для вытягивания данных:
СпойлерПоказать
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);
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. элементы сцены
вот эта часть
настройки элемента
код графика
СпойлерПоказать
<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'>
СпойлерПоказать
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();
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. элемент графики, тут в принципе все стандартно
СпойлерПоказать
<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>ype=fcurve&scale=0">
<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>ype=fcurve&scale=0">
как то так, если кратко...
- За это сообщение автора Vit поблагодарили (всего 4):
- ABola (Ср фев 04, 2015 3:37 pm) • Amarok (Сб мар 28, 2015 10:40 am) • DiArt (Сб апр 25, 2015 2:13 pm) • Сергей0708 (Сб авг 27, 2016 11:01 am)
- Рейтинг: 4.65%
-
- Сообщения: 210
- Зарегистрирован: Пт апр 12, 2013 2:27 pm
- Откуда: Уфа
- Благодарил (а): 28 раз
- Поблагодарили: 16 раз
Re: Дизайн сцен
Доброго дня!
Есть сцена с разрешением 1920х1080. Как програмно уменьшить её?Например до 1024х768
Просто планирую делать для большого разрешения, но для планшета хочу сделать поменьше. И чтобы заново все не переделывать, думаю может где есть уменьшить или увеличить в процентном соотношении?
Есть сцена с разрешением 1920х1080. Как програмно уменьшить её?Например до 1024х768
Просто планирую делать для большого разрешения, но для планшета хочу сделать поменьше. И чтобы заново все не переделывать, думаю может где есть уменьшить или увеличить в процентном соотношении?
Система на Неттоп 3Q Nettop Qoo!
(Intel Celeron J1800, 2x2410 МГц, 4096 Мб, HDD 1000 Гб, HDMI, VGA , Wi-Fi, Ethernet, Ubuntu 14.04.2)
Вторая система на Raspberry Pi 3.
D-Link DCS-930L/Broadlink RM2-Pro/BroadLink SP3 CC/Ginzzu HS-K07W
Я в CONNECT
(Intel Celeron J1800, 2x2410 МГц, 4096 Мб, HDD 1000 Гб, HDMI, VGA , Wi-Fi, Ethernet, Ubuntu 14.04.2)
Вторая система на Raspberry Pi 3.
D-Link DCS-930L/Broadlink RM2-Pro/BroadLink SP3 CC/Ginzzu HS-K07W
Я в CONNECT
-
- Сообщения: 867
- Зарегистрирован: Вт янв 17, 2012 12:31 pm
- Благодарил (а): 121 раз
- Поблагодарили: 78 раз
Re: Дизайн сцен
Пока только в отдельной программе, например фотошоп можете уменьшить до нужного разрешения.