Страница 1 из 2 12 ПоследняяПоследняя
Показано с 1 по 10 из 13

Тема: Анимация в Masterscada 4D

  1. #1

    По умолчанию Анимация в Masterscada 4D

    Народ подскажите, может кто встречал примерчик как сделать анимацию SVG в MasterSCADA 4D.

    Чет сижу туплю. Допустим простенький квадрат.

    Код HTML:
    <svg width="200mm" height="200mm" xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink">
    
        <rect x="100" y="100" height="110" width="110"
             style="stroke:#ff0000; fill: #0000ff">
    		 <animateTransform attributeName="transform" type="rotate"
              from="0 155 155" to="360 155 155" dur="2s" repeatDur="indefinite"/>
        </rect>
    
    </svg>

  2. #2
    Пользователь
    Регистрация
    27.11.2011
    Адрес
    Краснодар
    Сообщений
    10,582

    По умолчанию

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

  3. #3

    По умолчанию

    melky Да нет, вопрос не в браузере. А в связке MasterSCADA с SVG. Примитивные вещи, например изменение цвета, делаются на ура. И есть в уроках. А вот ту же самую простую анимацию, допустим вращение квадрата, я найти нигде не могу.

  4. #4
    Пользователь
    Регистрация
    27.11.2011
    Адрес
    Краснодар
    Сообщений
    10,582

    По умолчанию

    Изменение цвета и анимация это разные вещи. Вы анимированный квадрат используете как картинку, он показывает исходный квадрат? если да, то браузер не понимает анимацию.
    Opera, Chrome, Edge крутят ваш квадрат на ура.

  5. #5

    По умолчанию

    Цитата Сообщение от melky Посмотреть сообщение
    Изменение цвета и анимация это разные вещи.
    Выше я писал:
    Примитивные вещи, например изменение цвета, делаются на ура. И есть в уроках.
    Opera, Chrome, Edge крутят ваш квадрат на ура
    Все замечательно крутится в браузерах. Как сделать чтобы он реагировал в Mastrscada, например есть параметр BOOL при 1 он крутится а при 0 нет? Я вот про это спрашиваю.

  6. #6

    По умолчанию

    Цитата Сообщение от box210277 Посмотреть сообщение
    Выше я писал:



    Все замечательно крутится в браузерах. Как сделать чтобы он реагировал в Mastrscada, например есть параметр BOOL при 1 он крутится а при 0 нет? Я вот про это спрашиваю.
    https://www.youtube.com/watch?v=nitYduDHsak&t=823s

  7. #7

    По умолчанию

    Юрий Горелый2

    Писал выше уже:
    Примитивные вещи, например изменение цвета, делаются на ура.
    В видео нету анимации. Задал вопрос в техподдержку, у них нет ни видео ни документа, в котором описывался бы процесс создания.

  8. #8

    По умолчанию

    Цитата Сообщение от box210277 Посмотреть сообщение
    Юрий Горелый2

    Писал выше уже:

    В видео нету анимации. Задал вопрос в техподдержку, у них нет ни видео ни документа, в котором описывался бы процесс создания.
    мне кажется в видео показано, как Параметр svg файла связать с Параметром в Мастерскаде.
    Соответственно лично я не вижу разницы в том, чтобы изменять цвет в svg файле или его скажем размер. Суть действий одинаковая.

    Опять же достаточно не однозначный термин "анимация" . для меня изменения цвета более чем достаточно.

  9. #9

    По умолчанию

    В общем ответила мне тех.поодержка, спасибо им огромное. Делается это приблизительно так:

    Рисуем допустим в InkScape квадрат, получаем такой SVG

    Код:
    <?xml version="1.0" encoding="UTF-8"?>
    <!-- Created with Inkscape (http://www.inkscape.org/) -->
    <svg width="60" height="60" version="1.1" viewBox="0 0 16.000 16.000" xmlns="http://www.w3.org/2000/svg">
       <rect x="2.000" y="2.000" width="8.000" height="8.000" fill="none" stroke="#070707" stroke-linecap="round" stroke-linejoin="round" stroke-width=".47744">
       </rect> 
    </svg>
    Теперь немного его поправим:
    1. Сделаем 2 квадрата, один в остановленном вид, другой вращается
    2. Сгруппируем все, указав для вращающегося display=none.
    3. Добавим стиль

    В итоге получил вот что:

    Код:
    <?xml version="1.0" encoding="UTF-8"?>
    <!-- Created with Inkscape (http://www.inkscape.org/) -->
    <svg width="60" height="60" version="1.1" viewBox="0 0 16.000 16.000" xmlns="http://www.w3.org/2000/svg">
     	<style type="text/css">
        <![CDATA[    
      	#rectangle.Start #rect_stoped{display:none;}
    	#rectangle.Start #rect_started{display:inline;}
         ]]>
      	</style>
      <g id="rectangle">
      <g  id="rect_stoped" display="inline">
       <rect x="2.000" y="2.000" width="8.000" height="8.000" fill="none" stroke="#070707" stroke-linecap="round" stroke-linejoin="round" stroke-width=".47744">
       </rect>   
      </g>
      
      <g  id="rect_started" display="none">
       <rect x="2.000" y="2.000" width="8.000" height="8.000" fill="none" stroke="#070707" stroke-linecap="round" stroke-linejoin="round" stroke-width=".47744">
        <animateTransform attributeName="transform" type="rotate"  from="0 6 6" to="360 6 6" dur="5s" repeatDur="indefinite"/>
       </rect> 
      </g> 
      </g>  
    </svg>
    Теперь как это все запихнуть в Masterscada4D

    Создаем файл с таким же именем как и SVG только XML(у меня drawing.svg и drawing.xml) содержимое:

    Код:
    <?xml version="1.0"?>
    <SvgDef xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" CreateCommonAvary="false">
      <ParameterDefs>
        <ParameterDef Name="Rotation" DisplayName="Вращение" Type="STRING" ParamType="Attribute" ItemId="rectangle" Path="class">
          <Value DisplayName="Выкл">Stop</Value>
          <Value DisplayName="Вкл">Start</Value>
        </ParameterDef>
      </ParameterDefs>
    </SvgDef>
    Ну и все, теперь импортируем его в Masterscada соответственно при импорте появляется окошко в котором уже можно выбирать:

    Имя параметра: Вращение
    Id элемента SVG: rectangle
    Атрибут элемента: class

    Вот и все теперь вставляем его куда надо а на появившееся свойство Вращение кидаем параметр. Как то так.

  10. #10

    По умолчанию

    Цитата Сообщение от Юрий Горелый2 Посмотреть сообщение
    мне кажется в видео показано, как Параметр svg файла связать с Параметром в Мастерскаде.
    Там увы только 4 параметр fill, stroke, height, width


    Цитата Сообщение от Юрий Горелый2 Посмотреть сообщение
    Опять же достаточно не однозначный термин "анимация" . для меня изменения цвета более чем достаточно.
    Ну как бы в SVG это совсем не так, тот же цвет это изменение свойства SVG, тоже самое относится и к толщине

Страница 1 из 2 12 ПоследняяПоследняя

Похожие темы

  1. GIF Анимация для MasterSCADA
    от mkv в разделе Master SCADA 3
    Ответов: 5
    Последнее сообщение: 01.04.2022, 12:02
  2. Анимация при отсутсвии связи
    от 1982lm в разделе Master SCADA 3
    Ответов: 2
    Последнее сообщение: 12.10.2020, 13:21
  3. Собственная анимация в MASTERSCADA
    от Vitorgan в разделе Master SCADA 3
    Ответов: 23
    Последнее сообщение: 11.11.2019, 14:49
  4. Анимация заполнение резервуара
    от kingoff в разделе ПЛК (среда MasterSCADA 4D)
    Ответов: 1
    Последнее сообщение: 30.05.2019, 21:15
  5. Анимация в визуализации
    от Шура в разделе ПЛК1хх
    Ответов: 7
    Последнее сообщение: 10.04.2009, 18:52

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •