React Three Fiber compatibility and XR

[joaomelorodrigues]

Hi all, first of all great repo and great work!

In my project I'm using R3F. I'm almost sure this lib would work in R3F, but I wanted to know if there is already someone or some examples using sparkjs for R3F? Also would this run as smooth for react-xr?

[dmarcos]

We have a template available

https://github.com/sparkjsdev/spark-react-r3f

Let us know if it works for you

[TheFlashBold]

I was debugging r3f for the last week, only to realize they enable antialiasing by default, which introduced crazy frame drops...
Thank you for your great work on spark :)

[joaomelorodrigues]

We have a template available

https://github.com/sparkjsdev/spark-react-r3f

Let us know if it works for you

Thank you very much!

So I've already implemented it in R3F. Seems to work good with .spz files from the examples, but I'm trying to load a .ply but having this error:

any clues?

[joaomelorodrigues]

Also when entering on XR emulator (IWER from react-three/xr) I get this error:

[dmarcos]

Can you share link to code and example to reproduce? otherwise is hard to investigate. thanks

[joaomelorodrigues]

I made a fork and added react xr: https://github.com/cyango/spark-react-r3f

The issue ffrom the last print happens when i update to three.js r177

[joaomelorodrigues]

And somehow only this specific .ply file is failing, others work.

baltimore.ps.cleaned.compressed2.ply.zip

Even using the online viewer from spark it gives the same error

[dmarcos]

I made a fork and added react xr: https://github.com/cyango/spark-react-r3f

The issue ffrom the last print happens when i update to three.js r177

with THREE r174 is all good besides the specific .ply not loading?

[joaomelorodrigues]

I made a fork and added react xr: https://github.com/cyango/spark-react-r3f
The issue ffrom the last print happens when i update to three.js r177

with THREE r174 is all good besides the specific .ply not loading?

Yes, at least on the IWER emulator it works.

[joaomelorodrigues]

Ok I guess the material.onBuild error is not because of sparkjs, most likely the emulator. Sorry for bothering with this here.

The .ply error remains though.

[asundqui]

The .ply error remains though.

Hi @cyango thanks for reporting this, I think we will have resolved the PLY loading issue with the above PR. I've verified that your file loads correctly with it and looks like it matches SuperSplat editor!

[dmarcos]

@cyango Below link to a build with the fix. Can you confirm it fixes your issue? Thanks

https://cdn.jsdelivr.net/gh/sparkjsdev/spark@666f246d05febfa53512fbba251d743495288fcf/dist/spark.module.js

[joaomelorodrigues]

@cyango Below link to a build with the fix. Can you confirm it fixes your issue? Thanks

https://cdn.jsdelivr.net/gh/sparkjsdev/spark@666f246d05febfa53512fbba251d743495288fcf/dist/spark.module.js

I'm using the r3f example boilerplate, how can I use that url instead of the npm package I'm using in the app?

[dmarcos]

@cyango 0.1.5 is out. Give it a try if you can and let us know how it goes!