Your cart is currently empty!
Applicable Model(s)
HMI500 Series
Title
Using Animation on the HMI Silver Series
Date
08/11/2005
Rev
00
P/N
0907-1097
Summary
The HMI Silver Series offers two general ways of creating Animation; using the ‘Moving Shape’ object and the ‘Animation’ object. This document describes how each object works.
Solution
Moving Shape Object
The Moving shape object performs three functions depending on three consecutive PLC registers.
Example Address | Moving Shape Function | Action |
---|---|---|
LW0 | State | This register value displays the corresponding shape or bitmap picture that is tagged to the number of states defined. (i.e. a value ‘0’ displays state 0 shape or bitmap). |
LW1 | X-Axis (if X-axis is selected) Y-Axis (if Y-axis is selected) | This register determines where along the X-axis (or Y-axis, depending on the ‘Style’ setting) to display the shape or bitmap. The value is in pixels of movement. (i.e. if the value in the register is set to 100, then the shape/bitmap will move horizontally by 100 pixels, unless scaling is used). |
LW2 | Y-Axis (only) | This register determines where along the Y-axis to display the shape or bitmap when the ‘Style’ is set to “X&Y Axis”. The value is in pixels of movement. (i.e. if the value in the register is set to 50, then the shape/bitmap will move vertically by 50 pixels, unless scaling is used). |
To Create a Moving Shape Object:
1.
From the Parts menu, click on Moving shape. The Create Moving Shape Object dialog box appears:

2.
In the Read Address frame, select the PLC register or internal register (LW) to use (Note: this object uses this register address plus the next two consecutive registers). In the Attribute frame, select how you want the moving shape object to operate. The following table describes the options and how they operate.
Style | Option | Description |
---|---|---|
X axis only | Reads two 16-bit registers. Register #1 determines the state of the shape displayed, Register #2 determines the position of the shape along the X axis. The HMI places the shape relative to the starting location. For example, if the shape is located on the window at X=50, and Register #2 has a value of 10, the shape is placed at X=60. If Register #2 has a value of -10, the shape is placed at X=40. | |
No. of states: | Range = 1 to 32 | |
Input low: | Not used | |
Input high: | Not used | |
Y axis only | Reads two 16-bit registers. Register #1 determines the state of the shape displayed. Register #2 determines the position of the shape along the Y axis. The HMI places the shape relative to the starting location. For example, if the shape is located on the window at Y=50, and Register #2 has a value of 10, the shape is placed at Y=60. If Register #2 has a value of -10, the shape is placed at Y=40. | |
No. of states: | Range = 1 to 32 | |
Input low: | Not used | |
Input high: | Not used | |
X & Y axis | Reads three 16-bit registers. Register #1 determines the state of the shape displayed. Register #2 determines the position of the shape along the X axis. Register #3 determines the position of the shape along the Y axis. The HMI places the shape relative to the starting location. For example, if the shape is located on the window at X=50, Y=10, and Register #2 has a value of 10 and Register #3 has a value of 5, the shape is placed at X=60, Y=15. If Register #2= -10 and Register #3= -5, the shape is placed at X=40, Y=5. | |
No. of states: | Range = 1 to 32 | |
Input low: | Not used | |
Input high: | Not used | |
X axis w/scaling | Reads two 16-bit registers. Register #1 determines the state of the shape displayed. Register #2 determines the position of the shape along the X axis. The HMI places the shape relative to the starting location using scaling to calculate position. For example, if Input low=0, Input high=10, Scaling low=0, and Scaling high=100, then when the value in the PLC register increases by 1, the shape moves right along the X axis by 10 pixels. | |
No. of states: | Range = 1 to 32 | |
Input low: | This is the lowest raw data value that is in the PLC data register; Ranae = -32767 to +32766 | |
Input high: | This is the highest raw data value that is in the PLC data register; Ranae = -32766 to +32767 | |
Scaling low: | This is the low scaled value | |
Scaling high: | This is the high scaled value | |
Y axis w/scaling | Reads two 16-bit registers. Register #1 determines the state of the shape displayed. Register #2 determines the position of the shape along the Y axis. The HMI places the shape relative to the starting location using scaling to calculate position. For example, if Input low=0, Input high=10, Scaling low=0, and Scaling high=100, then when the value in the PLC register increases by 1, the shape moves down along the Y axis by 10 pixels. | |
No. of states | Range = 1 to 32 | |
Input low: | This is the lowest raw data value that is in the PLC data register; Range = -32767 to +32766 | |
Input high: | This is the highest raw data value that is in the PLC data register; Range = -32766 to +32767 | |
Scaling low: | This is the low scaled value | |
Scaling high: | This is the high scaled value | |
X Axis w/reverse scaling | Reads two 16-bit registers. Register #1 determines the state of the shape displayed. Register #2 determines the position of the shape along the X axis. The HMI places the shape relative to the starting location using scaling to calculate position. For example, if Input low=O, Input high=10, Scaling low=O, and Scaling high=100, then when the value in the PLC register increases by 1, the shape moves left along the X axis by 10 pixels. | |
No. of states: | Range = 1 to 32 | |
Input low: | This is the lowest raw data value that is in the PLC data register; Range = -32767 to +32766 | |
Input high: | This is the highest raw data value that is in the PLC data register; Range = -32767 to +32766 | |
Scaling low: | This is the low scaled value. | |
Scaling high: | This is the high scaled value. | |
Y axis w/reverse scaling | Reads two 16-bit registers. Register #1 determines the state of the shape displayed. Register #2 determines the position of the shape along the Y axis. The HMI places the shape relative to the starting location using scaling to calculate position. For example, if Input low=O, Input high=10, Scaling low=O, and Scaling high=100, then when the value in the PLC register increases by 1, the shape moves up along the Y axis by 10 pixels. | |
No. of states: | Range = 1 to 32 | |
Input low: | This is the lowest raw data value that is in the PLC data register; Range = -32767 to +32766 | |
Input high: | This is the highest raw data value that is in the PLC data register; Range = -32766 to +32767 | |
Scaling low: | This is the low scaled value. | |
Scaling high: | This is the high scaled value. |
3.
Select a shape/bitmap using the Shape Tab. Click OK and place the object on the screen.
To test: Create three consecutively addressed ‘numeric input’ registers starting at the same read address as listed in the moving shape attribute box (See Tech Note 1081, for info on creating numeric keypads for numeric input). Then run an offline simulation and plug in different numbers and observe the moving shape’s actions.
Animation Object
The Animation object is very similar to the Moving shape object. It also allows you to create a shape/bitmap that can change the way it looks as well as where it is located on the HMI screen depending upon a PLC register. However, the animation object moves along a predefined path that is determined when the object is created. The Animation object requires only two registers for changing state and X/Y movement.
1.
It continuously reads a PLC register and displays the corresponding shape or bitmap that is tagged to the number of states defined.
2.
It continuously reads a second PLC register to determine which position along the predefined path it should be.
3.
As shown on the following example, the object moves along a predefined path when the value on the second PLC register is incremented:

To Create an Animation Object:
1.
From the Parts menu, click Animation. The mouse cursor changes to a cross hair when placed over the work area of EasyBuilder. Use the cursor to set the path the Animation object is to take. At each location along the path, click the mouse to place another position marker.
2.
When you have finished placing the position markers, right click on the mouse to display the object at the first position.

3.
Double click on the object and the Animation Object’s Attribute dialog box appears.

4.
In the Read Address frame, select the starting PLC register. The No. of words is set to 2 and can not be changed.
5.
In the No. of States, select the total number of states to be displayed. Select a shape/bitmap on the Shape tab.
6.
Click on the Profile tab. The profile dialog box appears.

7.
The Position settings refer to the overall location of the Animation object on the screen. The Size settings refer to the overall size of the Animation object. The Shape rectangle size refers to the size of the shape or bitmap that you are using.
8.
Click OK. The above window will close and the main screen of EasyBuilder appears with the Animation object you just created. The shape selected is located at the first position on the path.
More Information
For more information regarding Animation on the HMI Silver Series, please refer to Chapter 8, Representing Data with Graphic objects, in the HMI500 Series Installation and Operation Manual that is supplied on CD ROM with the EZware-500 configuration software.