Google Maps-style quad-tree of materials on a single plane in Three.js – 1x1, 2x2, 4x4 and 8x8 -


I am trying to get a quad-triggering content (images) on a plane and I'm not working , The closer that a Google Maps-style zoomable tile gets, the closer it gets.

In short, I want to create a 1x1 image texture (covering an aircraft that is wide and length of 256 units) which can then be replaced with 2x2 texture, then with 4x4 texture Can be changed, and similarly.

Like the example image below ?? |

Texture Levels

Ideally, I I want to avoid making a separate plane for the level / number. A correct solution of the segment will allow me to break an aircraft into 8x8 segments (the highest zoom) and update the number of texture on the fly. So it will start with a 1x1 texture in all 64 (8x8) sections, then change the texture of 2x2 with each texture covering 4x4 fields, and so on.

Unfortunately, how can I not do this? I searched the materialInndex setting for each face, but you have not been able to update those people who will not work after rendering first. I have tried to look for UV coordination, but I do not understand how this will work in this situation, nor how it is actually implemented in three. Js one? For documentation / examples there is very little specific case.

A vertical shader is another option that came in research, but then I do not know enough to understand how to do this Confusion.

All help with it, it will be one such technique which is the other three. JS will prove valuable to the user.

100% make sure what you're trying to do, whether you're texture atlasing / Different textures based on zoom / different texture), but if you are looking for a trend-tree based texting that grows in detail you zoom in, then it is mandatory That's what the mimmapping is and what it does.

(The reason for this can also be used for all kinds of weird things, but this is another adventure)

Usually the Mimmap Ping is used by you Is based on filtering - though it seems that you need more control over it.

I have created an example which is three. JS is hidden in the source tree which can help:

which shows you how to automatically generate each mapmap level instead of manually loading it .

HTH

Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -