Complex .gltf Fbs Problem

Questions
#1

Screenshot_3
Screenshot_31365×625 10.9 KB

Hi guys I have big and complex gltf file I can’t control it. How can solve FBS problem ?

1 Like
#2

By reducing the complexity of the gltf file :sweat_smile: Try splitting it into several smaller models and load on-demand.

#3

I have to load all of parts of this model :sleepy:

#4

How many meshes? 1000 meshes with single texture is 1000 draw calls and about 9ms time.

#5

too much of them this a machine with all of parts

#6

If the model is very complex you can still try optimising it using LODs and toggling on/off parts that aren’t visible at all times.

Brute-forcing a very complex model on the screen will fail in three just as well as it would in Unreal Engine :see_no_evil: (UE would be a bit more forgiving ofc)

#7

Merge objects with same material to decrease draw calls

3 Likes
#8

How can use LODs for .gltf files ?

Screenshot_3
Screenshot_31358×684 30.3 KB

#9

please send me an exmple;

#10

To see info about amount of triangles, draw calls, try this script renderer_stats.js (2.2 KB)

var stats=new Stats();
document.getElementById("project").appendChild(stats.dom);
document.getElementById("project").appendChild(renderer_stats_canvas);

renderer.render(scene,camera); 
renderer_stats_update(0);

image

#11

Thank you for reply but now I have appendChild error, what should I do ?

Screenshot_3
Screenshot_31365×704 86.8 KB

#12

You already have got Stats.js. Find his code and add this at bottom, but modify. Or send your code and i add.
document.getElementById("project").appendChild(renderer_stats_canvas);

1 Like
#13

Screenshot_3
Screenshot_31365×623 68.6 KB

:frowning: what are you thinking about that ?

#14

Delete this.
image
And If you are using module, then you need to set “let renderer;” out of module like this:
image