#Error viewing shapes on mobile

31 messages · Page 1 of 1 (latest)

nimble pilot
#

What’s the difference between the first images and the remaining ones? Are paths the same? Is format the same?

winter snow
#

it's the same

#

desktop

image.png
nimble pilot
#

Are these images or threejs renderings ?

winter snow
#

They are IcosahedronGeometry figures of three js each with a decal

nimble pilot
#

are you creating a separate renderer to create each one?

winter snow
#

Yes

nimble pilot
#

You shouldn’t do that

#

The first few images get broken most likely because you create more and more WebGL context for the later images

#

And browser just disposes the earlier renderer contexts (causing a context loss)

#

Consider using just a single renderer to render all images - you can just switch to which canvas the renderer should output the frame

winter snow
#

But if I do a single render, the orbit control would be bad

#

Because all the figures would move by moving one

nimble pilot
#

nope

#

just use multiple cameras

#

and multiple scenes

#

but only one renderer

winter snow
#

Uhhhhhh that's possible? I tried to do that, but I got an error

#

I'll try to do it again

#

Thanks for the help, I'll tell you how it went

#

I have a question

I have 12 figures, each figure is in a different div, when creating a single render, all the figures will be in jn only div right?

nimble pilot
#

nope

#

see example I've sent you

winter snow
#

Just read the code, I think I saw what my mistake was, thank you very much

hollow latch
#

this is r3f? judging by the react icon ...

#

in that case use drei/view and your problems are solved

#

you can have thousands of views now, and it's driven by a single canvas. it takes care of orbitcnotrols and each view is truly isolated, you can have environments in there, controls, everything

winter snow