Creating Relevant Animations

[DHague]

Hello,

I am trying to create an animation to display the current state of a machine. My initial thought was to use a dynamic picture and attach a counter variable to it and go through the frames individually. This creates an animation that is relevant to the current state of the machine, but has extremely low performance (web page took almost 2 minuets to load). My next thought was to use a frame (from extra scheme components) to embed a basic HTML page with the animation in it. However, this makes it very difficult to make the animation meaningful.

We have two potential methods of getting the machine state information to the animation: Directly through MODBUS and through our MySQL server.

I tried to create a dynamic picture style animation in html t get the best of both world, but it turns out I’m not good enough at JS to do that. Any tips would be greatly appreciated.

Thanks.

[manjey73]

Can use animated PNG in dynamic pictures ?

[Mikhail]

Hello,
Please provide screenshots of your solution that help to understand the needs.

[DHague]

While an animated PNG in the dynamic picture may work, I’m not aware of any way to pass the required state information to it to make it meaningful.

Link to screenshot:
FlippingTableHomeScreen

[DHague]

Currently the animation is a video hosted on a NGINX server that I spun up and is embedded in a frame.

[Mikhail]

Thank you for the screenshot.
Probably creating an animated GIF and using it in a dynamic picture component would be an efficient solution.

[DHague]

An animated GIF solves the performance issue, but how do I sync that GIF to the current state of the machine? For example, if the operator pauses the operation how do I make the GIF stop and how do I resume it when the operator resumes operation?

[Mikhail]

If you create several animated or not animated GIFs, you could switch them using Dynamic Picture component.

[DHague]

I could, but would that not be somewhat a bit of the worst of both worlds? If the machine is paused during an animated GIF that part of the animation would loop, and since I would have several parts the performance would suffer. Are non-animated GIFs lighter on upload? Since I have 165 frames I have to deal with I think the performance issues stem from the uploaded scheme files being over 100mb.

[Mikhail]

For example this GIF is about 1 MB. I expect that your file should not be as large as 100 MB.

[Mikhail]

GIF images are compressed, so they usually not heavy.

[chika]

Hello Mr. Mikhail

can i make a button to move the page in scheme view? how to make it?
Thanks

[Mikhail]

Hello,
Please explain what is moving the page?

[chika]

For example, I create 2 pages on the scheme (page1.sch & page2.sch)
then on page 1 I created a button which when pressed will move the display to page2.sch

and i have any question,can the scheme create a pie chart?
Thank you

[Mikhail]

on page 1 I created a button which when pressed will move the display to page2.sch

It’s possible with a Link component.

can the scheme create a pie chart?

Integrate Rapid SCADA and Grafana for this purpose.

For more details, please create new topics, because this topic is about animation.

[Author]

Posts