Loading large 3d files

[Rohith_K]

Hi, does anybody know how to load large 3d files up to 4gb ,which technique should be implement to get that 4gb 3d view
Now when i try to load 500mb files my lap got stuck
pls give any examples

[Lawrence3DPK]

what format are the files you’re trying to load and what makes them so large in size?

[Rohith_K]

Im trying to load a (.fbx) file and i am doing a college project (creating a 3d view for loading large files)

[Chaser_Code]

Chrome Ram limit 4gb

[Antonio]

This forum is plenty of replies sharing tips regarding that issue, like this one. Consider using the search box

[Rohith_K]

Hi do you know any techniques,if any can you implement it?
iam a beginner

[Lawrence3DPK]

Hey,

Yes, this is a broad subject that has been covered a few times throughout this forum with the general direction and idea being consistent with three’s overview documentation on loading 3D models. This is a great preliminary read in terms of the basic capabilities of in browser model viewing / rendering.

Here are some additional threads that have covered this subject before also…

Maximum 3d model size to load

It does nothing to the model, just prints a bunch of stats that will help to figure out why your browser might be crashing. It’s hard to give general advice on the appropriate size for a model, it depends, but I think the Khronos 3D Commerce guidelines (intended for e-commerce sites) are a reasonable starting point. Copied a key section below: File Size: Ideally less than 5MB. Note that as glTF geometry and texture compression extensions, such as glTF Universal Textures using…

Browser crashes when loading large files (dxf, glTF, etc.)

For large models not only does that not help (you’re not really reducing the size of the memory used - at best it’d reduce the amount of draw calls, but draw calls aren’t crashing tabs, they just freeze them.), it may actually cause more issues, since merging multiple objects into a single geometry prevents frustum culling. So you’ll effectively be rendering absolutely everything at any given moment, regardless if it’s visible to the camera or not. Mobile devices (esp. iOS before this happ…

There are also many more when searching the topics…

[vaibhav_khating]

I will suggest to load in glb format with draco compression

I have converted file of 500MB fbx file to 30MB with draco + subdivision modifier without losing too much quality.

[Rohith_K]

Hi @vaibhav_khating can you explain how to do that

[vaibhav_khating]

Do you use blender?

[donmccurdy]

Conversion between formats in non-trivial and Blender is a good option for that. You’ll likely need to adjust materials, see Blender’s glTF addon docs.

Once you have a GLB, it can be optimized with a number of tools. For example:

npm install --global @gltf-transform/cli

gltf-transform optimize in.glb out.glb --compress draco --simplify true

[Rohith_K]

not yet,i will check

[Rohith_K]

Thanks,i will look

[Rohith_K]

can you explain the full method of how to compress these files
my task is to load min 4gb files so its a big task ,if we cam compress the 4gb files its easy to load
iam new to 3js and didnt heard about draco and other things

[donmccurdy]

We can’t really be more specific about the full method without knowing what’s in the files. Compression alone is probably not enough – three.js must decompress before rendering, and holding the original 4 GB in memory after decompression will fail. I would start with the gltf-transform command recommended above, and see where that gets you. If you’re still having trouble it may be necessary to share an example file, or a more detailed explanation of the contents. You can see the contents with gltf-transorm inspect my-model.glb.

[Lawrence3DPK]

There’s some great resources on how to load fbx files in three.js also if you’re completely unfamiliar with the process of loading 3D model files / fbx on the web… Take a look at the source code of this fbx loader example, if you give this a try loading a link to one of your raw 4GB fbx files (both locally and from a hosted server, as both will vary in result), you may find you’ll end up back on this thread with some deeper questions…