Load and update models at run time

Hi Guys,
Completely new to three.js. Can you point me in the right direction regarding uploading models in run time.
I interested how this application was built ? It looks like they are calculating models on a server and every change they send it a user. It feels fast if it is the way it works?

http://kpfui-hawaii.s3-website-us-east-1.amazonaws.com/#/

Thank you

I can see I a code they add and remove 3D geometry every time the input is changed. But how they get a new models and from where?

http://kpfui-hawaii.s3-website-us-east-1.amazonaws.com/js/main.js

1 Like

It is the same file I took screenshots of. I see they are hosting everything on DynamoDB.

But could you explain on a high level how it works?

  1. They generate models on a server (what possible technology they might use?)
  2. Pass these models to user
  3. Remove and updated models every time user updates values

I am interested to see how the model generation file works.

Cheers

ok so every time user update the value the server sends a new set of models in .json format.
Does anyone had an experience building such app?

So Three.js does not create 3D models. So I assume they are using on server 3D model generator.
Is it possible to find from developers view/tools what software or technology they are using?

I’m afraid this phrasing is not correct. You can generate/compute geometry data with any kind of 3D engine and then us it for rendering meshes, point clouds or lines. In three.js it’s possible to export single 3D objects or event the entire scene graph to JSON via Object3D.toJSON(). The serialize data can be imported via ObjectLoader again.

However, in most cases artists design 3D models in digital content creation tools like Blender or 3ds Max and then export to specific 3D formats like glTF or FBX. Model files are usually stored on a content server and then asynchronously loaded into the client application.

Thank you Mugen87.
What approach, do you think, was used to create this app?
I think they have something on a server that procedurally generates models.?

http://kpfui-hawaii.s3-website-us-east-1.amazonaws.com/#/

You could procedurally generate this in THREE too, they could do it server side for several reasons, such as not providing the source, performance or the generation happening in another language or requiring other resources.

Thank you. I just found all the answers…

BlockquoteBuilding typologies for different densities are defined or sketched out in advance with stakeholders to include desired formal characteristics appropriate the project. in the experi- ence of the authors, it is especially important to develop a li- brary of generic low, mid and high density building types that can be modified for each project to avoid generating com- pletely new procedural types. Each iteration resulting from this process is stored as a packaged file that includes pixel map, street network, blocks, parcels, parks, and procedurally generated 3D building geometry. Geometry generation is of- ten much faster than performance evaluation, and separating the two allows the next step to be processed in batches dis- tributed across multiple instance of the modeling environment of choice; in this case Rhino.

If someone is interested they have a paper on how it works

https://static1.squarespace.com/static/568ee2b4cbced6419694f1fc/t/5c78636b1905f46a4b109aa3/1551393648032/63_How+to+Generate+a+Thousand+Master+Plans-A+Framework.pdf