Seeking an efficient way to sync dynamic textures in Verge3D by using puzzles.

Here is a Blend file that shows you how to use one sprite map for the circles and squares.
I am not sure what your logic is but changing of the value within the object can be as simple as giving it a new UV value.

https://v3d.net/1fgu

Here is a link to a simple implementation: https://v3d.net/1fk3
Here is a link to the project file: https://v3d.net/1fgu

Please note…I don’t understand the full logic of your movie file…so I just did something to get you close and you should be able to work out the rest.

The sprite sheet is just a grid, a square image file based on the power of two. So you do a count of how many characters you need. In this case I did 0-9 so I needed 10 squares. 2^3 (2x2x2=8) so thats too few… 2^4 (2x2x2x2=16) this is the grid I need to get 10 items.

So then comes resolution…you will want a power of 2 image size, 512×512, 1024×1024, 2048×2048 etc. I chose 1024×1024. This means that the grid would be a 4×4 (16 squares), or 256×256 grid cell size. You can then use your favorite image editor to create the colors and numbers as shown in the number.webp file. There is also a layered Affinity file there if you use Affinity.

Once you do that in your blender file you will assign all the objects a Material that has the image node as number.web. When you assign this to a plane all the numbers will be mapped to a single plane object. Select an object and edit its UV. Since the this is a. 4×4 grid and the original map is 1×1. You need to scale the UV to 0.25% of what is currently is. This will set the UV map size to match the 256×256 grid cell. Next you need to position it. You can do this by moving each vertice or by moving it by .25 or .125 to get it into a the desired position for a given number. You will repeat this process for each object plane. This allows you to use one map with many different characters.

• This reply was modified 1 month, 1 week ago by xeon.