Architecture visualizator and tour with ThreeJs

Hello everybody

I would like some indications to visit a building modeled with blender with ThreeJ

To be explicit again,

I modeled a house with blender. I want to visit the house as if I introduced this house to someone. As she approaches the door, she opens and I enter a room. As in the shooting games that takes place in 3d coins.

1 Like

The problem with your question is the very unspecific phrasing. It’s like asking “How to implement a racing game in three.js?” Questions like that are usually flagged at stackoverflow because they are overly-broad.

Community members flag such question not because they are mean to you. It’s just very hard to create meaningful answers. Short answers are often useless and comprehensive answers are too sophisticated. I suggest you delete this topic and try to break down your request into smaller, more concrete topics.

2 Likes

You can actually do this with three.js. It is basically a first person navigation setup plus some interaction logic for doors or objects.

For example you can export your building from Blender and load it in three.js (glTF works well). Then add a first person or pointer lock style camera so the user can walk around the house like in a game. For doors you can add simple triggers or raycasting so when the user approaches or clicks the door it rotates open.

I built a small demo showing this type of thing where you can walk inside an apartment scene and explore the rooms. It is the same idea of entering a building and moving through the interior.

Demo
https://theneoverse.web.app/#threeviewer&&apartment

In practice the setup is usually a combination of player movement, collision so you do not walk through walls, and small interaction scripts for doors or objects. Once you have those pieces it becomes pretty straightforward to turn a Blender building into a walkable tour.

1 Like

How do you find these really old topics? A lot could have changed in the last 7 years :slight_smile:

1 Like