Обучение SCADA Neutrino GLT I Урок 8: Привязка анимации

0:01 В следующей части нашего урока по рисованию круточек в программе Нитрино Джилти с кадастями 3 на животе. Мы более подробно поговорим о том, как создавать анимационные. Изображение, чтобы у нас каждый из символов приточки и элементов установки, он динамически менялся в зависимости от того или иного события, чтобы у нас как на этой картинке заслонки двигались. И о том, как создавать анимацию, как делать растрое изображение, как все это привязывать более подробно. Мы поговорим как раз в новом уроке. Еще надо сказать вот о чем, что в предыдущих уроках иллюстраторы рельсовали.

0:48 Эту установку, но немножко меняли, увеличивали и уменьшали размеры под вот этот конкретный размер, который вы видите на данном примере, уже сформированы разные элементы аниме и так далее, то есть они все. Элементы они будут делаться под 1 размер, если вы меняете размер итоговой картинки, соответственно все элементы нужно переделать. Поэтому в данном конкретном случае это надо учитывать и для себя постараться. Выбрать какой то определенный 1 формат, 1 размер, допустим, канала ширины вот этих элементов, который потом будет динамически меняться и и под них уже сформировать свою библиотеку, либо если у вас есть доступ. К нашей библиотеке воспользоваться ей сегодня. Мы поговорим о том, как привязывать эти элементы, какие настройки нужно сделать и пишем весь процесс. Вот это все частично, еще несколько элементов мы привяжем.

1:51 Для того чтобы, допустим, провязать вот этот насос провязать к этому насосу динамический элемент, в зависимости от того, включен насос или выключен. Давайте на примере насоса посмотрим, как это со зов делается, допустим, мы хотим. Показать работу насоса и отсутствие этой работы, и также аварийное состояние, что нам для этого нужно сделать для этого. Нам нужно выбрать точки внедрения, выбрать в данном случае двоичное фактическое значение и выбрать адрес.

2:28 Например, вот выберем параметры, потом мы его на настоящем контроллере привяжем. К какому то переключателю и будем физически переключать это значение, и у нас этот насос будет меняться? Нас для него есть открытый текст Джелати, и также мы можем. В этой части. Допустим, Прописать разные параметры, когда у нас значение. У этого сигнала будет равно 0 насос не будет работать и не будет. Никакой индикации, допустим, если у нас единица и насос работает, то у нас мы сделаем анимацию.

3:17 Этого насоса будет зеленая стрелочка по кругу двигаться. Для этого мы заходим, выбираем во 1 поступление 1 параметр, анимация, это динамический элемент. Нажимаем свойства здесь, в файле, набираем выбор. Здесь есть у нас уже определенная библиотека элементов, которым мы сюда уже успели загрузить, например.

3:45 Где это находится папка, мы заходим в наш в нашу скада систему через проводник. Вот мы попадаем в основное меню, так и ищем папку. Папку с нашими файлами. В данном случае эта информация у нас будет в Джелти дата п. Икс, и здесь у нас есть различные анимации папка символтек. И различные набор параметров, которые у нас есть, например, там фильтр различные. То есть это уже здесь есть? Обращаю ваше внимание файлы в формате анимации, это файлы, которые создаются самой программой.

4:52 Помимо этого, есть изображение бит Мепс как раз откуда мы потом будем закачивать эти картиночки. Все картинки у нас в формате ГИФ они заранее отрисовываются. Для каждого элемента и уже в данном случае у нас представлены в виде определенной библиотеки нажимаем библиотек, символ тек и здесь, вот мы видим все параметры.

5:17 Там Войловс приводы лампы. Трубы насос в данном случае насос. И старт Перл. Мы выбираем. Откроем какую нибудь картиночку для только что посмотреть, как они выглядят. Лучше открыть это через просмотр. Такая вот картинка, то есть она уже в определенном формате формате, гиф, здесь мы видим. Уже работает, так автоматом они открываются. То есть здесь есть? 4 Картинки, сигнализирующие работу какого то насоса, но в данном случае это. Насос, то есть я. Разные виды насосов мы должны выбрать только 1. Здесь у нас в левом углу примерно показывается.

6:27 Какая картиночка здесь содержится? И в данном случае нам нужно выбрать, найти среди этого. Перечня. Тот насос, который у нас здесь задействован.

7:05 Да вот вот у нас как раз насос, и здесь мы видим, что здесь есть Алла 1 4. Это Тонима, то есть те картиночки под анимацию, которая у нас будет использоваться под аварии. Значение, которое под офф под выключенные насос будет ассоциироваться и.

7:28 8 Картинок. Под создание анимации В. Для работающего насоса давайте сначала. Ну, 1 вариант посмотрим, как загружать уже готовую, потому что это символ. Они и в анимации тоже уже загружены. Вот мы выбираем анимация, Синглтек, планс. Грюнд Фоссет, он вот уже готовая анимация, есть нажимаем икея, вот она таким образом. Вот все эти 8 картинок с продолжительностью там 100 Миллисекунд, они у нас записываются. Мы это сохраняем здесь, вот выбираем и, допустим, здесь вот возможно. А общая авария, вентилятора, но общая авария насоса, если здесь параметры мы выводили, как для примера не знаю.

8:35 Сбой насоса, да есть этот параметр, мы его выбиваем, вставляем сюда и. И в этом случае мы. Тоже можем ставить анимацию. И выбираем. Тоже памс Грунфос, Аларм, анимация Аларм, так что. Скачай. Шерлок. Вот сохраняем и. Вставляем этот элемент сюда, и потом, вот мы его вставили немножко в другом слое, который мы не можем выделять. Это тоже очень важно все таким образом, вот у нас появляется элемент, который мы просто должны грамотно. Установить. Согласно тому расположению насоса, где у нас он расположен. В данном случае у нас отображается зеленая анимация, работа, это можно сделать вот таким вот образом.

10:07 Сейчас мы посмотрим, как с самого начала создавать анимацию. Насос 1 включить. Создаем здесь. Анимацию свойства вставить символ, и здесь уже отдельно заходим в наши битмапс. Выбираем библиотеку и отдельно заходим в Памс Гринфос. Ред. Выбираем вертикальное положение и вбиваем. Сюда. По отдельности вот эти вот элементы. Это в данном случае мы делаем элементы, создаем анимацию для аварии. И сохраняем это, допустим. В анимации да вот здесь вот. Икс Икс.

11:43 Аларм. То есть таком виде, и потом мы здесь уже можем этой анимацией пользоваться? Вот очень мы допустим. Сделаем это только для аварии, да то есть мы создали аварию насоса. Кстати, обращаем внимание, что если мы вбиваем в поиске насос с маленькой буквы, у нас, соответственно, будут в результате поиска выдаваться. Те параметры, где есть маленькая, поэтому, допустим, если мы берем 1 заглавную букву, то у нас уже появляется насос с большой буквы.

12:39 Сбой насоса сюда тоже самое в предыдущем примере засовываем анимацию, создаем свойства. Выбираем. Вывить символ выбираем символ, теперь создаем анимацию для включения. Я думаю, принцип понятен для примера, 1 такой момент можно разобрать.

13:45 Все сохраняем. Заходим сюда, в Памс. Выбираем название, похожее помпа Вайрам. Он для того для примера щелкаем, так только теперь мы это сохранили, но в данном случае нужно поменять название. Потому что у нас перепутаны аварии здесь, у нас в 1 случае, тогда будет просто текст. В принципе вообще никакого обозначения во 2 в ступени, 1 у нас будет как раз анимация с. С анимацией Он вот этот вот файл. Включения и в 3 случае здесь у нас авария подвязана будет и включаем сюда анимацию, меняем на анимацию аварии.

14:47 То есть из того предмета, который мы только что создали? Также вы сюда можете использовать свои. С 0 созданный файл нажимаем ок. Вот и перемещаем, то есть создался такой же абсолютно файл, как мы только что вставляли, но мы сделали это с 0 то. Есть сейчас я вам показал 2 способа. Того как можно? Создавать анимацию этого объекта, по сути, мы все сделали удаляем наш лишний насос. Следующим ходом попробуем добавить еще несколько элементов анимации, например, на вентилятор.

15:48 Добавляем также двоичное значение. Так вентилятор включить. 5 Здесь делаем. Кема нос, назначение 0 приходит на вентилятор, то у нас здесь текст отсутствует какой либо текст любого цвета, а в ступени 1. У нас как раз будет присутствовать анимации, выберем уже готовую анимацию.

16:26 Заходим они символ, так это у меня. В данном случае вы создаете либо свою папку, либо либо используйте наши шаблоны. Если у вас есть доступ, то. Так что так? Вентилятор он так. Так набираем сохранить, и также здесь берем вентилятор авария. Авария вентилятор, например. Тоже выбираем анимацию. Так что так? И вентилятор. Так что так? Так выбираем сохранить окей. Вот у нас появился наш вентилятор. Который мы перемещаем должным образом. Здесь вот видно, что я немножечко растянул и неправильно нарисовал вентилятор. Поэтому здесь нужно быть осторожнее и не деформировать элементы в иллюстраторе, которые есть у нас в базе данных в Шаблоне.

18:02 Чтобы потом они сюда должным образом. Встали. Ну и допустим. Вставим сюда элемент термостата. Здесь тоже у нас брачное значение. Билайн. Авария термостат. Здесь тоже точно так же на 0. Ничего не пишем, анимация, свойства. И выбираем. Термостат авария купки сохраняем. И нажимаем окей. Появляется. Датчик, который мы сюда переносим и подгоняем под наш элемент. Теперь в случае. Происшествия какого то события у нас вот эти датчики будут меняться, теперь нам нужно.

19:31 Если у вас есть контроллер привязать вот этот. Соответственно, выход к. К какому то переключателю на модуле ввода вывода либо к физическому переключателю, либо к реальному действующему значению на объекте, что вот? Этот параметр у нас работал в данном случае, у меня в скором времени вот эти параметры будут подключены к реальному объекту, где непосредственно.

20:02 Непосредственно будет происходить переключение. Вот помимо анимации здесь также нужно отметить, что заслонки, которые мы добавляли до этого, также есть растрое изображение в данном случае это. Простое изображение в формате гифы, закрытые заслонки и также открытой заслонки. Потому что заслонку, которую мы можем ставить сюда в виде картинки, она у нас, допустим, в данном случае закрытая, поэтому, когда у нас. Заслонка открыта, и и у нас есть на каком то модуле ввода вывода полученный сигнал о том, что она уже финально открылась полностью и.

20:52 Нам нужно как то отобразить это значение, и вот для этих вещей нам необходимо растровое изображение. Как я показал на экране. То есть условно для этого вентилятора мы можем сделать анимацию, когда у нас красным будет? Вот этот элемент моргать, а можем сделать просто красный вентилятор, либо просто зеленый, вот. Вентилятор без анимации, какой то есть, все можно менять, все делать в зависимости от того, как нам удобно, допустим, здесь мы видим, что. Стрелочка, которая бегает по насосу, да говорят о том, что он работает. Она в каком то моменте вот здесь, вот она запаздывает здесь. Можно большее количество взять стрелочек и анимацию немножко расширить, чтобы вот это перемещение стрелки. Оно было более плавно, но я думаю, основной принцип, создание вот этих элементов. Он понятен, и вы сможете сделать и настроить анимацию уже в своем проекте.

Расшифровка сделана автоматически (Yandex SpeechKit) и может содержать ошибки в терминах.