I’m looking to build a WebAR experience that can recognize up to 100 unique images. For each recognized image, a specific 3D model or video should be displayed on top of it. High performance is crucial, given the large number of targets, and the solution must work seamlessly across all devices.
What would you recommend for achieving this, considering it needs to run entirely in the browser?
Have a look at MindAR.js
That’s right, but I have 100 targets. Is this OK for this without performance degradation?
If you keep your tracking markers fairly small in size there no reason why not, the best thing to do is run some tests, build a simple api of the makers that can be mapped over and make sure when tracking is lost any objects are disposed of and removed from the three scene and you should be OK