Don McCurdy
  • Member for 4 years, 6 months
  • Last seen this week
How to add Area lights to gltf?
5 votes

As of April 2021, area lights are only a proposal for the glTF format. Unless and until they become part of the format, you'd need to recreate the lights in three.js. One workaround would be to put ...

View answer
How do I export my model with some light (in .gltf)?
4 votes

There's an "Include: Punctual Lights" option in the exporter that will include point, spot, and directional lights in your exports. However, note that (by default) Blender also displays &...

View answer
How can I know the size in kb/mb of each model or other element present in my file?
Accepted answer
3 votes

If you're exporting the scene to glTF, it's possible to get a printout of the size of each part of the file using the glTF-Transform CLI, or its JS library, or the related https://gltf.report/ web ...

View answer
More number of spheres increasing glTF file size
3 votes

Linked Duplicates are optimized by Blender better in recent versions (see glTF-Blender-IO#950), and should avoid duplicating vertex data in these cases. If you find that Blender (or other software, ...

View answer
Bake shadows and import to three js
Accepted answer
3 votes

There are a couple ways of doing baked shadows that you can use with three.js: Ambient Occlusion (AO): How do you bake ambient occlusion for a model?. AO provides subtle shadows in holes, corners, ...

View answer
Bump Maps are missing after exporting as glTF 2.0
3 votes

The glTF format uses normal maps, not bump maps1. If you can bake your bump map into a normal map it should export correctly and appear the same. Sketchfab also allows you to download your model as ...

View answer
Export material values (metalness/roughness) to WebGL
Accepted answer
2 votes

The glTF (.gltf or .glb) format includes a metal/rough PBR material that does support metalness and roughness properties — either values or textures — like you're describing. In Blender, you'll want ...

View answer
Animating separate objects / items independently in the same action
Accepted answer
2 votes

Blender Actions can't have different effects on different objects. So, if you want an entire character to be managed by a single Action, it needs to be a single object — or at least linked to a ...

View answer
GLTF Export — get scene camera
2 votes

glTF and three.js do not have Blender's concept of a Scene Camera, so you'll need to use another way to identify which camera you want. Object names are exported with cameras, and Custom Properties ...

View answer
Properly export blender scene with materials format to three.js scene
2 votes

As of October 2018, glTF 2.0 supports three material types: metal/rough PBR, spec/gloss PBR, and unlit/shadeless. We are working on adding support for the Principled BSDF node to the Khronos Group ...

View answer
glTF: How to optimize exported glb file from blender having more number of loop-cuts?
Accepted answer
2 votes

If your goal is a smooth appearance, you can use smooth normals to give the effect of a smooth surface with fewer loopcuts. If you are sure you need the loopcuts, your options are: Disable export of ...

View answer
Export Animatet Character to Threejs json has invisible material
Accepted answer
2 votes

TGA textures require some particular workarounds for use in three.js (or on the web in general). The easiest fix is probably just to convert your images to PNG or JPG. EDIT: another problem is that ...

View answer
using three.js how to add texture to .OBJ object
2 votes

In your example you're creating the material but not applying it to the Mesh(es) loaded from the OBJ yet. You can do that as follows: // Create a material var textureLoader = new THREE.TextureLoader()...

View answer
I am using the gLTF addon, how do I make my node group glTF Metallic Roughness exactly the same as my Diffuse BSDF
2 votes

They're different shading models; it may not be possible to exactly match one with the other and vice versa. If you're creating a model for export into some 3D engine, you should try importing both ...

View answer
All animations are not exporting in .glb format?
Accepted answer
1 votes

The Blender documentation has a section on how to ensure that your scene can export to glTF. It looks like only some of your actions are marked as NLA tracks, which is probably why not all are ...

View answer
How can I export a model with its textures applied?
1 votes

The most likely explanations for why your textures are not exporting would be that (a) the textures are not in an image format supported by the export format, or (b) the material is not configured in ...

View answer
Simulation in a web browser
1 votes

The modifier for cloth physics exists only in Blender — there is no way to export it to any format I'm aware of. You can either set up a new physics simulation in a physics engine compatible three.js (...

View answer
Does gltf only support the export of one strip per NLA track?
Accepted answer
1 votes

The exporter can only use a single strip per NLA track — the limitation is tracked in github.com/KhronosGroup/glTF-Blender-IO/issues/763.

View answer
how to export each animation separately into gLTF 2.0?
Accepted answer
1 votes

From the glTF addon docs: glTF allows multiple animations per file, with animations targeted to particular objects at time of export. To ensure that an animation is included, either (a) make it the ...

View answer
GLTF files in three js
1 votes

That last link (to the official blender addon docs) is the right workflow, if you already know the basics of creating materials in Blender. If not, I would start with a tutorial on Blender's ...

View answer
obj to glTF batch exporter
1 votes

You can do batch export from Blender in the same way as described in Export multiple objects to .obj, but with the glTF export API. That said, I think a standalone CLI converter might be easier to use ...

View answer
Convert Blend file to GLTF with baked materials
Accepted answer
1 votes

The preferred material setup is described in the Blender glTF addon docs. You can use a process like How do I bake a texture using Cycles bake to bake a diffuse texture (or other things) which are ...

View answer
Model disappears above and below origin of armature when I run gltf made in blender on three.js
Accepted answer
1 votes

The model is probably being culled incorrectly, when the renderer believes it may be offscreen. You can disable that entirely... model.traverse((object) => { if (object.isMesh) object....

View answer
Export - Internal render vs Cycles render
1 votes

Blender 2.8 (currently in beta) can export directly to glTF (.glb, .gltf), including the key properties of Principled BSDF materials (base color, metalness, roughness).

View answer
Blender and three.js recent versions December 1, 2018
Accepted answer
1 votes

I'm not sure why the three.js exporter would have disappeared from the specific folder in your screenshot (did you download it from somewhere particular? was it already on your computer?) but the ...

View answer
Export a keyframed animation made in Blender to Three.js (no bones involved)
Accepted answer
1 votes

See threejs docs: https://threejs.org/docs/#manual/en/introduction/Loading-3D-models. I'd recommend trying the Blender glTF exporter suggested there, glTF-Blender-Exporter. It does support keyframed ...

View answer
Is it standard when creating a 3D game model to only use one mesh?
1 votes

Copying a couple performance tips from this thread — Reuse geometries and materials whenever possible Use instanced geometries for faster mesh instantiations Merge meshes when possible The main ...

View answer
Blender and three.js Exporter?
1 votes

I would suggest exporting FBX or glTF (addon) from Blender, and loading them with THREE.FBXLoader or THREE.GLTFLoader. I've tested both shapekeys and keyframe animation with GLTFLoader, and both are ...

View answer
Why same scene has diferent size when i export it to three.js and babylon.js
1 votes

There are many reasons this could happen: three.js and babylon.js formats are just different, and may encode things in different ways the three.js exporter may be including extra data that isn't in ...

View answer
How I can export complete scene from blender to json file to use it with three. Js
1 votes

The Blender exporter might still support this, but you'd need to switch from THREE.ObjectLoader to THREE.JSONLoader to import your model into three.js. I'm not sure how well-supported that is overall. ...

View answer