# Batch System Animation

**URL:** <https://forum.inductiveautomation.com/t/batch-system-animation/23265>\
**Category:** Ignition\
**Created:** [March 12, 2019, 8:55pm UTC](https://forum.inductiveautomation.com/t/batch-system-animation/23265 "2019-03-12T20:55:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kevincgc](https://avatars.discourse-cdn.com/v4/letter/k/b5a626/32.png) [@kevincgc](https://forum.inductiveautomation.com/u/kevincgc)\
**Post date:** [March 12, 2019, 8:55pm UTC](https://forum.inductiveautomation.com/t/batch-system-animation/23265/1 "2019-03-12T20:55:59Z")

</div>

I want to create an animation where a batch will enter the system, move across a conveyor then leave the system.

It will look something like this:  
[https://infosys.beckhoff.com/content/1033/tc3\_sampleprogram1/Images/gif/100981003\_\_Web.gif](https://infosys.beckhoff.com/content/1033/tc3_sampleprogram1/Images/gif/100981003__Web.gif)

Any tips on the easiest way this could be implemented?

---

<div class="post-metadata">

**Author:** ![Paullys50](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paullys50/32/3324_2.png) [@Paullys50](https://forum.inductiveautomation.com/u/Paullys50)\
**Post date:** [March 13, 2019, 4:01am UTC](https://forum.inductiveautomation.com/t/batch-system-animation/23265/2 "2019-03-13T04:01:22Z")

</div>

Look into the system.gui.transform() function. This would handle various animation of screen objects.

---

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [March 13, 2019, 5:18am UTC](https://forum.inductiveautomation.com/t/batch-system-animation/23265/3 "2019-03-13T05:18:28Z")

</div>

Like @Paullys50 notes, use [system.gui.transform](https://docs.inductiveautomation.com/display/DOC79/system.gui.transform) for movement and sizing. For rotation, draw the shapes and then bind their angle property to something to control their rotation:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/0/0458906a33b99b293a633fc6b0c6cbed9df35ab6.png)  
If what you want to rotate is not circular, you can make rotation easy by drawing a transparent circle around it, put its center of rotation in the middle of the transparent circle, group it with the transparent circle, and then apply the rotation angle to the group.