# FM3D | science communication // virtual showroom

**URL:** https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275
**Category:** Demos and projects
**Created:** [August 23, 2022, 6:45am UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275 "2022-08-23T06:45:23Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![fab](https://avatars.discourse-cdn.com/v4/letter/f/51bf81/32.png) [@fab](https://forum.babylonjs.com/u/fab)
#### Post date: [August 23, 2022, 6:45am UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/1 "2022-08-23T06:45:23Z")

</div>

![bjs_forum_screenshot](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/f/7/f71e54fe64fbbd5bafe39ff6dbd054740bf29eb1.jpeg)

Dear BJS-Forum,

after asking a lot of questions here I can finally present the result 🙂

Forschungsfabrik Mikroelektronik Deutschland (FMD) is a German microelectronic-research-hub consisting of 13 different institutes.

We developed a virtual showroom for them, using Wordpress and a custom-made plugin for (3d-)content-management.

You can find the launch-trailer here: → [Trailer FMD.insight − der interaktive 3D-Showroom der Forschungsfabrik Mikroelektronik Deutschland - YouTube](https://www.youtube.com/watch?v=KHKiCHA-mmo)

Here is the showroom: → [Der virtuelle Showroom der Forschungsfabrik Mikroelektronik Deutschland | FM3D](https://fmd-insight.de/showroom/)  
(One can change the texture-quality via the settings)

The controls are like every other FPS 🙂

There are still a few textures, that need optimizing and I still have a ton of questions, but for now I’m very exited about what you guys will say… 🙂

Next stop: VR 🙂

Thanks again for all the help!

fab

---

<div class="post-metadata">

### Author: ![carolhmj](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/carolhmj/32/25918_2.png) [@carolhmj](https://forum.babylonjs.com/u/carolhmj)
#### Post date: [August 23, 2022, 12:58pm UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/2 "2022-08-23T12:58:41Z")

</div>

WOW that is super nice! I love the “paper” style, especially the human models full of paper wrinkles. Looks super sleek 😃

@PirateJC look at this!

---

<div class="post-metadata">

### Author: ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)
#### Post date: [August 23, 2022, 6:27pm UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/3 "2022-08-23T18:27:37Z")

</div>

This is beautiful!

---

<div class="post-metadata">

### Author: ![11128](https://avatars.discourse-cdn.com/v4/letter/1/d07c76/32.png) [@11128](https://forum.babylonjs.com/u/11128)
#### Post date: [August 29, 2022, 3:54am UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/4 "2022-08-29T03:54:25Z")

</div>

this makes me feel winter

 ![12345.PNG](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/7/3/73f1fef6044397db75972db124cee23e0bd7b6ac.jpeg)

train is disappears It doesn’t look like “alwaysSelectAsActiveMesh = true;”

---

<div class="post-metadata">

### Author: ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)
#### Post date: [August 30, 2022, 8:12pm UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/5 "2022-08-30T20:12:48Z")

</div>

@fab are you on twitter? I’d love to throw some support towards this from the official Babylon account.

---

<div class="post-metadata">

### Author: ![fab](https://avatars.discourse-cdn.com/v4/letter/f/51bf81/32.png) [@fab](https://forum.babylonjs.com/u/fab)
#### Post date: [August 31, 2022, 5:48pm UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/7 "2022-08-31T17:48:05Z")

</div>

Thanks you guys! Glad you like it!

@carolhmj Yeah, I also like the clay render a lot! We did a small video for FMD in the same style a while back and then we just had to also use it for the virtual fair 🙂

@11128 I’m afraid I’m not quite sure what you mean…

@PirateJC WOW! Quite the honor, thank you! We are “on” twitter, but not really using it… [https://twitter.com/loewn\_de](https://twitter.com/loewn_de)  
the Customer is way more active… [https://twitter.com/FMD\_researchfab](https://twitter.com/FMD_researchfab) 🙂

---

<div class="post-metadata">

### Author: ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)
#### Post date: [August 31, 2022, 9:59pm UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/8 "2022-08-31T21:59:51Z")

</div>

Here we go!!!

> <https://twitter.com/babylonjs/status/1565096864500035584>

---

<div class="post-metadata">

### Author: ![11128](https://avatars.discourse-cdn.com/v4/letter/1/d07c76/32.png) [@11128](https://forum.babylonjs.com/u/11128)
#### Post date: [September 1, 2022, 2:58am UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/9 "2022-09-01T02:58:37Z")

</div>

I just talk about the seasons and I love the snow.  
Don’t be afraid I was just excited to see this

So the meaning of the following, the train fade away will probably be solved when “alwaysSelectAsActiveMesh = true” is applied

---

<div class="post-metadata">

### Author: ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)
#### Post date: [September 1, 2022, 10:35am UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/10 "2022-09-01T10:35:49Z")

</div>

Is it just me or is your elevator looking very much the same the ones I’m building in my ‘space museum’ scene in preparation?

 ![Capture d’écran 2022-09-01 à 12.22.17](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/d/b/db882ac12549c5012918ed686a68d847659ef168.jpeg)  
 ![Capture d’écran 2022-09-01 à 12.26.49](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/d/7/d78fd08cca57c54d628d6a7ab94ec4ae787af2d0.jpeg)

I’m glad my architecture has become a source of inspiration for you. 😁 In fact, many parts of this project are similar to what I’m building. I will also have hotspots like you, with things on display. Except mine should have a holographic look.

Jokes apart, congrats. Luv the clay render (I always liked it, since MirrorEdge). A very nice project, I luv it. 😍

---

<div class="post-metadata">

### Author: ![fab](https://avatars.discourse-cdn.com/v4/letter/f/51bf81/32.png) [@fab](https://forum.babylonjs.com/u/fab)
#### Post date: [September 1, 2022, 6:51pm UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/11 "2022-09-01T18:51:22Z")

</div>

@PirateJC NICE! Thanks a lot! We put the babylon logo into the credits (menu → credits) hope, that is okay for you fine Babylon folks?

Also: I loved your pirate-fortress-tutorials! 🙂 Learned a lot about Babylon animations this way. Thanks for them as well! 🙂

@11128 I do not know, what you mean by fade away of the monorail… I encountered some weird behavior there. For some #\*§$&%ing reason I couldn’t get onAnimationGroupEndObservable to trigger, so I started the animation as a loop, used onAnimationGroupLoopObservable then unlooped it, paused it and restarted it again. I know, kinda hacky, but the deadline was coming closer fast 😃 Thanks thought, I will have a look at your tip, maybe it will fix the issue.

@mawa please, the elevators look nothing alike! 😉 Ours is inspired by this here elevator ([https://www.heinzerling-aufzuege.de/images/schellenbergrundaufzug.jpg](https://www.heinzerling-aufzuege.de/images/schellenbergrundaufzug.jpg)), yours look more like this Futurama inter-city-traveling-tubes (Which I like. A lot!🙂

When you’re working on something similar, have you tried out our beaming-functionality? You can press the m-key for the map (and then klick on a room on the map) or you can press the Search-Icon in the menu (or f-key) and then type something like “quant” and teleport to the different exhibits. In the testing people seam to like it…

Is there a link where one can have a look?

Thanks again for all the support, I’m sure this won’t be our last Babylon project! 🙂

---

<div class="post-metadata">

### Author: ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)
#### Post date: [September 1, 2022, 7:03pm UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/12 "2022-09-01T19:03:30Z")

</div>

> [@fab](#):
>
> have you tried out our beaming-functionality

No, I haven’t tested that. Just had a quick move around it before launch. But this sounds awesome. I will have another look tomorrow morning. Meanwhile, one thing I noticed in terms of UX is that when moving with the mouse look I eventually often incidentally click on one of the numerous displays and it opens straight the pop-up. May be a double click on these displays would be better to experience the scene? Just a simple suggestion.

> [@fab](#):
>
> Is there a link where one can have a look?

I haven’t yet posted a link for this project. It’s an early stage of dev. But I hope I will soon have made enough progress to start sharing a preview.

Again, you really did a fine job there.

> [@fab](#):
>
> I’m sure this won’t be our last Babylon project!

I sure do hope so. We do need projectsof this quality to make BJS grow and also for inspiration.

---

<div class="post-metadata">

### Author: ![shaderbytes](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/shaderbytes/32/174_2.png) [@shaderbytes](https://forum.babylonjs.com/u/shaderbytes)
#### Post date: [September 1, 2022, 7:16pm UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/13 "2022-09-01T19:16:50Z")

</div>

took it for a spin , looks great well done, oh I happened to hold down the space bar and it made small jumps that kept landing lower than the ground and then I had clipped the geometry and if I used the move keys I then just went into free fall. I cant say it this is the case anywhere in the scene , i didnt test , I walked around outside , then inside , then outside again and it happen there , when testing the jump key, close to the blue car.

cheers

---

<div class="post-metadata">

### Author: ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)
#### Post date: [September 1, 2022, 7:22pm UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/14 "2022-09-01T19:22:33Z")

</div>

> [@fab](#):
>
> We put the babylon logo into the credits (menu → credits) hope, that is okay for you fine Babylon folks?
> 
> Also: I loved your pirate-fortress-tutorials! 🙂 Learned a lot about Babylon animations this way. Thanks for them as well! 🙂

Of course! That’s totally ok to use the Babylon Logo! Thanks for doing that!

And thanks for the kind words about the tutorial vids! I’m super glad they were helpful!

---

<div class="post-metadata">

### Author: ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)
#### Post date: [September 2, 2022, 9:13am UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/15 "2022-09-02T09:13:25Z")

</div>

> [@shaderbytes](#):
>
> landing lower than the ground and then I had clipped the geometry and if I used the move keys I then just went into free fall.

Yes and @fab, FYI, I experienced a similar (probably related issue) when using the elevator. After using the elevator and trying to walk out of it on floor 1, I did fall through the elevator ground.

---

<div class="post-metadata">

### Author: ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)
#### Post date: [September 2, 2022, 9:27am UTC](https://forum.babylonjs.com/t/fm3d-science-communication-virtual-showroom/33275/16 "2022-09-02T09:27:27Z")

</div>

> [@fab](#):
>
> have you tried out our beaming-functionality?

I have now tried the ‘Beam me in, Scotty 😉’ functionality and is real cool (and the map and icons design look real great, congrats).

I would have one small suggestion in terms of UX (if I can allow myself). Double-clicking or pressing ‘enter’ upon selection of an area should ALSO validate this choice. It doesn’t feel natural for me having to close the map to move this location to validate my new position.  
Also, assigning escape ‘ESC’ to close the map (or any pop-up or setting screen) I believe would benefit the UX. My opinion only. Take it or leave it. No offense.

And then again, ‘_Dieses Projekt is mega…auch vom Inhalt aller angezeigten Informationen_’ 😃

**Edit:** OK, I do have a couple more comments. First the first person camera. When looking straight at a silhouette in the scene, it seems like the camera is located more at shoulders height than eyes heights. I also have this feeling of being a dwarf or a kid when moving in the scene, especially when passing though doors. May be the camera should be a bit higher? Next, trying to avoid my issue with the left-click for holding the mouse view, I switched to right click. So, I noticed that the right click has the same effect. Probably, one of these should not trigger the interaction with things on display (eventually in the setting, the user could choose to interact with either or even with an alternate key (i.e. ‘E’ or ‘F’ which are commonly used in games). Again, simple comments and suggestions.
