# 3D layouts in ignition perspective

**URL:** <https://forum.inductiveautomation.com/t/3d-layouts-in-ignition-perspective/53045>\
**Category:** General Discussion\
**Created:** [November 14, 2021, 1:10am UTC](https://forum.inductiveautomation.com/t/3d-layouts-in-ignition-perspective/53045 "2021-11-14T01:10:54Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ben\_Neuzil](https://avatars.discourse-cdn.com/v4/letter/b/e0b2c6/32.png) [@Ben\_Neuzil](https://forum.inductiveautomation.com/u/Ben_Neuzil)\
**Post date:** [November 14, 2021, 1:10am UTC](https://forum.inductiveautomation.com/t/3d-layouts-in-ignition-perspective/53045/1 "2021-11-14T01:10:54Z")

</div>

Good evening all,

Wanted to ask a question regarding 3D layouts in ignition. This link [Ignition Perspective 3D - YouTube](https://youtu.be/UdinOoG_BKY) shows a 3D layout with added colored indicators and wasn’t sure how this can be done. Im looking to something similar with a factory layout.

Appreciate any help you can provide.

---

<div class="post-metadata">

**Author:** ![jespinmartin1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jespinmartin1/32/57175_2.png) [@jespinmartin1](https://forum.inductiveautomation.com/u/jespinmartin1)\
**Post date:** [November 14, 2021, 5:38am UTC](https://forum.inductiveautomation.com/t/3d-layouts-in-ignition-perspective/53045/2 "2021-11-14T05:38:30Z")

</div>

@nader.chinichian did this.  
I think he used CSS.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [November 14, 2021, 7:17am UTC](https://forum.inductiveautomation.com/t/3d-layouts-in-ignition-perspective/53045/3 "2021-11-14T07:17:48Z")

</div>

Yes I use css3 perspective property. And dynamically change the sensor position base on the view angle of CSS

---

<div class="post-metadata">

**Author:** ![Ben\_Neuzil](https://avatars.discourse-cdn.com/v4/letter/b/e0b2c6/32.png) [@Ben\_Neuzil](https://forum.inductiveautomation.com/u/Ben_Neuzil)\
**Post date:** [November 14, 2021, 8:37pm UTC](https://forum.inductiveautomation.com/t/3d-layouts-in-ignition-perspective/53045/4 "2021-11-14T20:37:22Z")

</div>

Appreciate both of you for chiming in on this. Would it be possible to do a demo of this on your YouTube channel (how to set this up in ignition and how to bring in the layout and sensor points you used)?

Appreciate your help on this!

---

<div class="post-metadata">

**Author:** ![Dalyn](https://avatars.discourse-cdn.com/v4/letter/d/e36b37/32.png) [@Dalyn](https://forum.inductiveautomation.com/u/Dalyn)\
**Post date:** [January 29, 2023, 1:25am UTC](https://forum.inductiveautomation.com/t/3d-layouts-in-ignition-perspective/53045/5 "2023-01-29T01:25:57Z")

</div>

A demo or some screen shots of step by steps getting it started would be very appreciate if you're willing please 🙂

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [January 29, 2023, 7:05am UTC](https://forum.inductiveautomation.com/t/3d-layouts-in-ignition-perspective/53045/6 "2023-01-29T07:05:22Z")

</div>

We create a module for the actual 3d application in Perspective.  
It is pure 3d and not CSS. We use Verge 3D and with our module, you can interact between Perspective and Verge 3d.  
If you are interested send me a private msg.