Image Animation and Modulation in ASI WebLink

Click here to start

Example web screen and javascript samples to do animations and modulate dampers, coils, valves and other equipment

3 Download sample screen, GFX graphics

4 Start WebLink

5 Set project name for licensed GFX

6 Confirm project name is OK

7 Copy sample scripts

8 Paste sample scripts

9 Confirm samples work

10 Observe sample screen

11 Save working example

12 Create new page

13 Drag OPC tag onto screen

14 Insert fan image

15 EXAMPLE #1 - AnimatePNG() class

16 Create function call, add 1st parameter

17 Paste parameter 2 - root path to image

18 Parameter 3 - # images

19 Parameter 4 - delay, complete

21 Setup tag for fan animation

22 Copy/paste sample script

23 Watch fan spin

24 Add elements for damper, coil modulation

25 EXAMPLE #2 - damper modulation

26 ModulatePNG() function parameters

27 Sample script - ModulatePNG() function

28 EXAMPLE #3 - using if/then/else logic

29 What modulation examples should do

30 EXAMPLE #4 - Expert setup

31 Sample screen - HTG coil and valve

32 Setup tag min/max and scaling

33 Copy/paste sample script

34 Screen shots from validation

35 More screen shots

Download PPT presentation

Download PDF (printable)

Comments and suggestions training@asicontrols.com