# Create house and garden plans in 2D and 3D using HomeIdea3D

**URL:** <https://discourse.threejs.org/t/create-house-and-garden-plans-in-2d-and-3d-using-homeidea3d/6032>\
**Category:** Showcase\
**Tags:** showcase\
**Created:** [February 7, 2019, 8:46am UTC](https://discourse.threejs.org/t/create-house-and-garden-plans-in-2d-and-3d-using-homeidea3d/6032 "2019-02-07T08:46:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![seanwasere](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/seanwasere/32/20864_2.png) [@seanwasere](https://discourse.threejs.org/u/seanwasere)\
**Post date:** [February 7, 2019, 8:46am UTC](https://discourse.threejs.org/t/create-house-and-garden-plans-in-2d-and-3d-using-homeidea3d/6032/1 "2019-02-07T08:46:05Z")

</div>

Create house and garden plans in 2D and 3D.  
It uses ThreeJS for the 3d View.  
[https://homeidea3d.sbcode.net](https://homeidea3d.sbcode.net)

 ![Screenshot%20(55)](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/c/c4ce88f08fb3a2c391128494163e5bcf21d6901c.jpeg)  
 ![Screenshot%20(54)](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/d/d15c88c62a99dec95dfa6a5a2b52e142b9d60078.png)  
 ![Screenshot%20(60)](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/8/80b1b55fce2b5ace716e99ebd6317948f4d7d433.jpeg)

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [February 7, 2019, 8:50am UTC](https://discourse.threejs.org/t/create-house-and-garden-plans-in-2d-and-3d-using-homeidea3d/6032/2 "2019-02-07T08:50:06Z")

</div>

This is simply great! 👍

---

<div class="post-metadata">

**Author:** ![hesamoy](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hesamoy/32/3743_2.png) [@hesamoy](https://discourse.threejs.org/u/hesamoy)\
**Post date:** [March 16, 2022, 6:34am UTC](https://discourse.threejs.org/t/create-house-and-garden-plans-in-2d-and-3d-using-homeidea3d/6032/3 "2022-03-16T06:34:52Z")

</div>

Hello, good job! I was wondering what library you used for 2d floor plan. Thanks

---

<div class="post-metadata">

**Author:** ![seanwasere](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/seanwasere/32/20864_2.png) [@seanwasere](https://discourse.threejs.org/u/seanwasere)\
**Post date:** [March 16, 2022, 8:48am UTC](https://discourse.threejs.org/t/create-house-and-garden-plans-in-2d-and-3d-using-homeidea3d/6032/4 "2022-03-16T08:48:34Z")

</div>

[Paper.js (paperjs.org)](http://paperjs.org/)

---

<div class="post-metadata">

**Author:** ![nazakat\_aga](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/nazakat_aga/32/35109_2.png) [@nazakat\_aga](https://discourse.threejs.org/u/nazakat_aga)\
**Post date:** [April 4, 2023, 9:41pm UTC](https://discourse.threejs.org/t/create-house-and-garden-plans-in-2d-and-3d-using-homeidea3d/6032/5 "2023-04-04T21:41:25Z")

</div>

I had imported one 3 d model in three js. Now I want to add map pointer & make it moving on co- ordinates. Even I want to know the default distance between two coordinates.

---

<div class="post-metadata">

**Author:** ![Dieter\_Banaag](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/dieter_banaag/32/47477_2.png) [@Dieter\_Banaag](https://discourse.threejs.org/u/Dieter_Banaag)\
**Post date:** [May 29, 2024, 4:53pm UTC](https://discourse.threejs.org/t/create-house-and-garden-plans-in-2d-and-3d-using-homeidea3d/6032/6 "2024-05-29T16:53:14Z")

</div>

Hey! i was wondering how you converted the 3d model into a 2d floor plan?

Did you take a top down view and project that view into 2d?