November 15, 2023 at 3:35 pm #13642
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.November 16, 2023 at 7:28 am #13643manjey73Participant
Can use animated PNG in dynamic pictures ?November 16, 2023 at 12:10 pm #13644
Please provide screenshots of your solution that help to understand the needs.November 16, 2023 at 3:49 pm #13648
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:
FlippingTableHomeScreenNovember 16, 2023 at 3:51 pm #13649
Currently the animation is a video hosted on a NGINX server that I spun up and is embedded in a frame.November 17, 2023 at 9:09 am #13656
Thank you for the screenshot.
Probably creating an animated GIF and using it in a dynamic picture component would be an efficient solution.November 17, 2023 at 3:04 pm #13660
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?November 20, 2023 at 11:35 am #13670
If you create several animated or not animated GIFs, you could switch them using Dynamic Picture component.November 20, 2023 at 4:42 pm #13675
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.November 21, 2023 at 11:36 am #13691
For example this GIF is about 1 MB. I expect that your file should not be as large as 100 MB.November 21, 2023 at 11:37 am #13692
GIF images are compressed, so they usually not heavy.November 24, 2023 at 7:02 am #13706chikaParticipant
Hello Mr. Mikhail
can i make a button to move the page in scheme view? how to make it?
ThanksNovember 24, 2023 at 9:14 am #13709
Please explain what is moving the page?November 24, 2023 at 9:35 am #13710chikaParticipant
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 youNovember 27, 2023 at 7:00 am #13713
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.
- You must be logged in to reply to this topic.