#Need help to understand how to manage performance in r3f

36 messages · Page 1 of 1 (latest)

hushed crow
#

Hi everyone, sorry to bother you :))

I'm fairly new to 3D x web development and for practice I was trying to make a circular 3D carousel of sports car models with React Three Fiber. Unfortunately I think the models are way too big for the web, as i was experiencing some serious performance issues (~1m tris each). What do you recommend as maximum gltf/glb size when it comes to good performance? The canvas should take up 1/2 of the screen in height, and full width. There would be about 5-10 models displayed simultaneously. The idea would be to be able to turn the carousel to choose a car.

But I'm thinking of using images, unless someone knows a good way of removing triangles without being a blender pro.

cold rover
#

1 Million per car?

hushed crow
#

Yes, i think that too much

cold rover
#

In general, I say for a desktop app the ENTIRE visible scene should be less than 1.5 million

hushed crow
#

Lmao okay i see, i'm gonna dig for some lighter models

cold rover
#

on mobile it's from 150k to 1million on cutting edge devices

hushed crow
#

Do you have some useful resources about performance managing when coming to 3D x web ?

cold rover
#

There are situations where you go way over, and I've had 8 million poly scenes. but that wasn't fast and was on higher end hardware

hushed crow
#

ah yes, I imagine that with the hardware that follows it's fine. Nah, ideally, as this would be a “sales” site (it's a personal project that will never be deployed as such), it should be as optimal as possible.

hushed crow
#

Thanks, i appreciate your help :)

cold rover
hushed crow
#

The porsche one is insane

small ember
#

have you looked into GLTF JSX compression?

hushed crow
#

with a pretty good accuracy ; it does sometimes not works but in general it goes fine

small ember
hushed crow
#

Yes, 70 to 90% file size reduction

#

@small ember

small ember
#

yep, nice work!

this is the thing i was recommending btw

I'm guessing you've now solved the performance issue?

hushed crow
#

Yes completely !

#

Thank you for your time however :)

#

I also managed to find some low polys models

#

Which is even better

small ember
#

that's great

#

at moddy.io - we do all this

sometimes, we even get 3d artists to delete or use a setting within blender called decimate, to lower polygon count even more

hushed crow
#

So i decided to just... change models, lol

small ember
#

haha

#

smart

hushed crow
#

Blender is very confusing

#

for a beginner

small ember
#

i consider it a seperate skill

#

i'd rather focus on my app and code, and pay someone who specialises in it