How to animate your custom images on Sedona HTML5 Graphics (based on object values)
| Support Home | Forums | Reply | Search |
Sedona Tips and FAQs Controls Discussion Forum / Sedona Tips and FAQs /

How to animate your custom images on Sedona HTML5 Graphics (based on object values)

Author Jukka H...
Moderator
#1 | Posted: 11 Jan 2017 13:10  
When using the Sedona SDC-20G+/32G+ controllers/CPT Tool it is possible to link your application objects to your own custom graphics objects. This allows e.g. HTML5 graphics show different image to Pump On and Pump Off state. Or if you have functions where the object has multiple states, you can assign your own graphics to each state. You could even have image of "apple" shown to false (off) state and image of "orange" shown to true (on) stage. There is plenty of programmability. How?

This is done using Widget object from the General graphics library.
1. Drag & Drop Widget object to the graphics page
2. Left mouse click to select the Image field in the Properties Tab
3. Right click on the Select button (...), and Select Edit Event

Now you can select on the left side from the tree structure which wire sheet object and property controls the graphics. On the right hand side you can set the state and corresponding graphics to each state.

4. Select on the left your wire sheet object that drives the graphics e.g. ConstBool out property
5. On the right hand side leave Processor to "Passthrough" which means that the state values are passed through to the processing
6. Use + button to add states. After adding the state, on the bottom right corner of the window; link the state to your graphics (png, gif, jpg file). If you click the state field you can select the state that the image is linked to. E.g. "Boiler Off image" is linked to "False" state and "Boiler On image" is linked to "True state".
7. Click OK, and then deploy the graphics to the controller. The job done!

NOTE: If you use your custom graphics you will need to do "Full Deploy" to get your custom graphics published to the controller SD card.
Adding Custom Graphics
Adding Custom Graphics
Creating States for Custom Graphics
Creating States for Custom Graphics
Author Jukka H...
Moderator
#2 | Posted: 11 Jan 2017 13:11  
Adding second state to the graphics
Adding second state to the graphics
Adding second state to the graphics
Sedona Tips and FAQs Controls Discussion Forum / Sedona Tips and FAQs / How to animate your custom images on Sedona HTML5 Graphics (based on object values) Top
Your Reply Click this icon to move up to the quoted message
 
 ?

Only registered users are allowed to post here. Please, enter your username/password details upon posting a message, or register first.
 
  Controls Discussion Forum Powered by Bulletin Board Script miniBB ®