Tiles in threejs

Hey guys,

i’m looking for a way to replicate something like mapbox or maptiler, to get more sharp image on every zoom level. How can i implement this with threejs, where to start?

Thanks in advance for any help.

I don’t think there’s any ready made solution for this in three.js. There’s the three.js LOD object that can be used to display different meshes depending on the camera distance. It’s no way as sophisticated as a 3D tiles streaming solution though.

It looks like Maptiler is open source, so you can investigate their code, see what parts you want to replicate in three.js and then come up with a plan for how to do it.

Alternatively, if you want something out of the box, Cesium.js has 3D tiles which might be what you are looking for.

Thanks for your reply. And any thouhts about using 3D tiles? Cesium is great but i need own implementation of smth similar to it.

See this previous thread:

“but i need own implementation”

1 Like

I believe loadersgl (mentioned in that thread) did end up adding 3D Tiles support. I wouldn’t be totally surprised if Cesium used that too, e.g. some collaboration is mentioned here: https://eng.uber.com/3d-tiles-loadersgl/. I don’t know much about how to create 3D tiles though, and loading the data into your threejs scene would take a bit of work.

1 Like

I suspect that’s quite an understatement :sweat_smile:

1 Like

Hello guys,
did anyone found the solution for Batched 3D Model (b3dm) support?

I’v spended planty of time in attempts to find the solutions in Cesium/iTown/Chinese website but unfortunately have no success up to date.

Looks like some other people have tried this: https://github.com/NASA-AMMOS/3DTilesRendererJS … but b3dm support is not part of three.js itself, you will have to use external code or write your own.

1 Like

Yes yes yes! I’v just found this brilliant 5 minutes ago!
It’s such a big pleasure to find out that there are my soulmates that have just the same attitude in development!
Thank you mr. Donmccurdy for your reply!