# Office visualization

**URL:** <https://discourse.threejs.org/t/office-visualization/39886>\
**Category:** Showcase\
**Tags:** gltf-loader, loaders, raycaster, textures, camera, materials, performance, shaders\
**Created:** [July 1, 2022, 8:19pm UTC](https://discourse.threejs.org/t/office-visualization/39886 "2022-07-01T20:19:12Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![MarcinDekier](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/marcindekier/32/27683_2.png) [@MarcinDekier](https://discourse.threejs.org/u/MarcinDekier)\
**Post date:** [July 1, 2022, 8:19pm UTC](https://discourse.threejs.org/t/office-visualization/39886/1 "2022-07-01T20:19:12Z")

</div>

Hi, my name is Marcin Dekier. I created a visualization of the office in which I work.  
I used Vue 3 and Threejs  
The project will be updated on a regular basis

 ![3d](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/5/15ca3b5c67d301413822e0a13f10ecc02880aeaf.jpeg)

[https://au-floor.vercel.app/](https://au-floor.vercel.app/)

I will write more about the updates on twitter  
[https://twitter.com/DekierMarcin](https://twitter.com/DekierMarcin)

Enjoy exploring

---

<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:** [July 1, 2022, 8:19pm UTC](https://discourse.threejs.org/t/office-visualization/39886/2 "2022-07-01T20:19:49Z")

</div>

This is simply cool 👍

---

<div class="post-metadata">

**Author:** ![jrlazz](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jrlazz/32/64383_2.png) [@jrlazz](https://discourse.threejs.org/u/jrlazz)\
**Post date:** [July 18, 2022, 2:37am UTC](https://discourse.threejs.org/t/office-visualization/39886/3 "2022-07-18T02:37:48Z")

</div>

Could not open in my CoreI5… but saw the video on Your Tweeter…  
Beautiful work 🙂  
PS: Went till 79%.

---

<div class="post-metadata">

**Author:** ![MarcinDekier](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/marcindekier/32/27683_2.png) [@MarcinDekier](https://discourse.threejs.org/u/MarcinDekier)\
**Post date:** [July 18, 2022, 11:14am UTC](https://discourse.threejs.org/t/office-visualization/39886/4 "2022-07-18T11:14:29Z")

</div>

Thanks!  
I will work on it 😉

---

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [July 18, 2022, 6:20pm UTC](https://discourse.threejs.org/t/office-visualization/39886/5 "2022-07-18T18:20:19Z")

</div>

It works for me with Chrome but stops at 75% with latest Firefox 102.0.1 (64-bit) 🤔

![2022-07-18 20.16.53](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/8/c/8c54a3ba6509407555960c46010a449385b5dccc.png)

---

<div class="post-metadata">

**Author:** ![Usnul](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/usnul/32/2355_2.png) [@Usnul](https://discourse.threejs.org/u/Usnul)\
**Post date:** [July 18, 2022, 7:59pm UTC](https://discourse.threejs.org/t/office-visualization/39886/6 "2022-07-18T19:59:40Z")

</div>

Loads for me. Looks good.

---

<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:** [July 18, 2022, 8:22pm UTC](https://discourse.threejs.org/t/office-visualization/39886/7 "2022-07-18T20:22:01Z")

</div>

Stops at 77% in FF.  
Loads in Chrome, having this in console though:

> **Screenshot**
>
> ![изображение](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/8/d/8d7015289839bbfc25eb0d195dc83770df024f35.jpeg)

---

<div class="post-metadata">

**Author:** ![MarcinDekier](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/marcindekier/32/27683_2.png) [@MarcinDekier](https://discourse.threejs.org/u/MarcinDekier)\
**Post date:** [July 19, 2022, 1:29pm UTC](https://discourse.threejs.org/t/office-visualization/39886/8 "2022-07-19T13:29:08Z")

</div>

This is problem with a lot of textures = a lot of memory

---

<div class="post-metadata">

**Author:** ![Chaser\_Code](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/chaser_code/32/20199_2.png) [@Chaser\_Code](https://discourse.threejs.org/u/Chaser_Code)\
**Post date:** [July 19, 2022, 1:42pm UTC](https://discourse.threejs.org/t/office-visualization/39886/9 "2022-07-19T13:42:15Z")

</div>

![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/4/6/4643c6532f4f641da1ed37a6f22e287d059d3a48.png)

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/d/f/df9e4eb69446627b7e3519ef235d1c33340ead18.png)