# Tanks in Perspective

**URL:** <https://forum.inductiveautomation.com/t/tanks-in-perspective/37669>\
**Category:** Ignition\
**Created:** [August 13, 2020, 12:21pm UTC](https://forum.inductiveautomation.com/t/tanks-in-perspective/37669 "2020-08-13T12:21:39Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![rodrigo.mocca](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rodrigo.mocca/32/14947_2.png) [@rodrigo.mocca](https://forum.inductiveautomation.com/u/rodrigo.mocca)\
**Post date:** [August 13, 2020, 12:21pm UTC](https://forum.inductiveautomation.com/t/tanks-in-perspective/37669/1 "2020-08-13T12:21:39Z")

</div>

Hi,  
Is there any way to do something like this in Perspective?  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/9/b9118983c62b32e86222483321cb013a267233e0.png)

I can do this in Vision, but I can’t in Perspective.  
Any ideas?

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [August 13, 2020, 1:09pm UTC](https://forum.inductiveautomation.com/t/tanks-in-perspective/37669/2 "2020-08-13T13:09:20Z")

</div>

There’s one in the exchange:

> **[Ignition Exchange](https://inductiveautomation.com/exchange/2007/overview)**
>
> Discover, share, and download community made Ignition resources in collaboration with your organization or the Ignition community.

---

<div class="post-metadata">

**Author:** ![rodrigo.mocca](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rodrigo.mocca/32/14947_2.png) [@rodrigo.mocca](https://forum.inductiveautomation.com/u/rodrigo.mocca)\
**Post date:** [August 13, 2020, 2:13pm UTC](https://forum.inductiveautomation.com/t/tanks-in-perspective/37669/3 "2020-08-13T14:13:43Z")

</div>

Hi Jordan,  
Thanks for your help.

Is there any way to build components like these like it can be done with Vision?

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [August 13, 2020, 2:46pm UTC](https://forum.inductiveautomation.com/t/tanks-in-perspective/37669/4 "2020-08-13T14:46:36Z")

</div>

No, not natively (for now). Drawing tools similar to Vision are something we have planned for Perspective, along with something else that will likely replace a lot of things you’d want drawing tools for.

---

<div class="post-metadata">

**Author:** ![dkylep](https://avatars.discourse-cdn.com/v4/letter/d/6de8d8/32.png) [@dkylep](https://forum.inductiveautomation.com/u/dkylep)\
**Post date:** [August 13, 2020, 3:20pm UTC](https://forum.inductiveautomation.com/t/tanks-in-perspective/37669/5 "2020-08-13T15:20:40Z")

</div>

Here's a relatively simple way...

> [@Symbol Factory tank cutout level animation in Perspective](http://forum.inductiveautomation.com/t/symbol-factory-tank-cutout-level-animation-in-perspective/22632/12):
>
> Just in case anybody is still interested. I just took different parts of the existing SVG tank symbol and overlayed them with a functioning cylindrical tank. Instead of one svg tank symbol I have basically 3 svg symbols (tank body, top, and bottom). Then just position them with the correct z-order to show a decent looking animated tank. [image] left is disassembled tank components, and right is the overlayed display.

You could probably do it much more elegantly with an svg image that has a 'cutout' filled with a gradient. Then you could just bind the gradient stop points to some value. If I have time I'll try to throw something together as an example.

---

<div class="post-metadata">

**Author:** ![rodrigo.mocca](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rodrigo.mocca/32/14947_2.png) [@rodrigo.mocca](https://forum.inductiveautomation.com/u/rodrigo.mocca)\
**Post date:** [August 13, 2020, 3:25pm UTC](https://forum.inductiveautomation.com/t/tanks-in-perspective/37669/6 "2020-08-13T15:25:11Z")

</div>

Great, good to know.

Thanks for your help.

---

<div class="post-metadata">

**Author:** ![rodrigo.mocca](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rodrigo.mocca/32/14947_2.png) [@rodrigo.mocca](https://forum.inductiveautomation.com/u/rodrigo.mocca)\
**Post date:** [August 13, 2020, 3:25pm UTC](https://forum.inductiveautomation.com/t/tanks-in-perspective/37669/7 "2020-08-13T15:25:31Z")

</div>

Thanks for the idea,  
I will try that.

Thanks again.

---

<div class="post-metadata">

**Author:** ![dkylep](https://avatars.discourse-cdn.com/v4/letter/d/6de8d8/32.png) [@dkylep](https://forum.inductiveautomation.com/u/dkylep)\
**Post date:** [August 13, 2020, 8:20pm UTC](https://forum.inductiveautomation.com/t/tanks-in-perspective/37669/8 "2020-08-13T20:20:25Z")

</div>

I took a quick shot at it. It’s a lot of little steps but not overly complicated…

I put a tank on a perspective view from the symbol factory and copied the tank body path into an svg file. I opened the svg file in Inkscape. Within Inkscape I duplicated the path leaving with two black shapes that represent the body of the tank. On the front shape I recreated the metal looking gradient (copied values from perspective) so I ended up basically with a copy of the tank body. Then I cut a hole in the front shape (using Inkscape I drew a path and took the difference of the hole path and the tank body path). That left me with a hole in the ‘tank body’ to see the black shape behind it. Then I added a gradient to the back path to make it look like liquid. Then I saved the svg file ([Recommendations for svg editor - #8 by dkylep](http://forum.inductiveautomation.com/t/recommendations-for-svg-editor/29303/8)), dropped it into the perspective.

I copied each element from my new tank body and pasted it into the elements of the existing tank.

The I bound the gradient positions to a slider value and added a text layer as well. Here’s a quick GIF and I uploaded the project as well.

 ![Tank animation](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/5/156612f0e9628a21c9d64ff48d9749c68b390080.gif)

[Tanks\_2020-08-13\_1604.zip](https://forum.inductiveautomation.com/uploads/short-url/sSRDUENZqRlAKJbyBaiEMTPP1So.zip) (9.3 KB)

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [August 14, 2020, 12:09pm UTC](https://forum.inductiveautomation.com/t/tanks-in-perspective/37669/9 "2020-08-14T12:09:04Z")

</div>

> [@dkylep](#):
>
> I took a quick shot at it.

Well done, indeed!

---

<div class="post-metadata">

**Author:** ![rodrigo.mocca](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rodrigo.mocca/32/14947_2.png) [@rodrigo.mocca](https://forum.inductiveautomation.com/u/rodrigo.mocca)\
**Post date:** [August 14, 2020, 1:42pm UTC](https://forum.inductiveautomation.com/t/tanks-in-perspective/37669/10 "2020-08-14T13:42:39Z")

</div>

Excellent work.

Thanks!!
