What is a GLB file?
GLB is the binary container format for glTF 2.0, bundling meshes, materials, and sometimes animations or textures into a single file. It plays well with 3D rendering in the browser (WebGL) and is easy to distribute and cache. In this app, GLB is the format used to load furniture objects so you can check how they look alongside your 2D floor plan layout.
How this relates to the layout tool's scale
On the 2D side, the app maps "centimeters" to "pixels on screen." On the 3D side, whether a model's coordinate system treats "1 unit" as 1 meter or 1 centimeter varies from file to file. If a model looks absurdly huge or tiny, the most reliable fix is to normalize the object's scale in a DCC tool (Blender, a SketchUp export, etc.) and re-export the GLB. Even if you have generative AI do the initial work, always measure the result in something like Blender afterward and cross-check it against real furniture catalog dimensions.
Things to watch for when generating a GLB with AI tools like ChatGPT
Since 2024, chat-based AI producing a rough first draft of code or 3D data has become increasingly common, but keep the following in mind.
- Check the output format: if what comes back is a text code snippet or Base64 data, pasting it directly into the browser often won't work. Save it locally as a file first, and confirm the extension and MIME type are correct.
- Copyright and licensing: if the generated look closely resembles an existing product because of how the model was trained, commercial use could be restricted. Even for planning your own home, it's best to use original or clearly licensed assets for any model you plan to distribute publicly.
- Inconsistent quality: reversed normals, non-watertight meshes, or texture paths left as relative references can all cause a model to render solid black in some viewers. Re-exporting through Blender's "glTF 2.0" exporter often fixes these issues.
- Example prompt (for reference): "A box-based dining table, 120 cm wide, 80 cm deep, 75 cm tall, with four legs. Origin at the bottom center. Units in meters. A simple glTF-ready mesh with no extraneous lights." Spelling out dimensions and the origin point like this reduces mismatches — but since the AI is still filling in gaps by guesswork, always verify the result afterward.
A recommended workflow (practical approach)
- Determine the width, depth, and height from a catalog or an actual measurement.
- Box-model it in Blender or similar, locking in the dimensions with exact numeric input.
- Keep materials simple — a Principled BSDF is usually enough — and don't export with unapplied modifiers left in place.
- When exporting to glTF/GLB, enable the "embed textures" option.
- Load it into the web version of the tool and check how it sits relative to your 2D layout.
File size and performance
High-resolution textures or overly fine subdivision can cause frame drops on mobile browsers. For the purpose of checking a layout, a simplified model with a modest polygon count is usually plenty. Capping textures at 2048px or smaller in Photoshop or a compression tool, and removing unnecessary UV sets, are both worthwhile optimizations.
If a model won't display correctly
- Check your browser's developer console for WebGL or CORS-related errors.
- Open the same GLB in a different viewer (such as a glTF Viewer) to rule out a corrupted file.
- Suspect a GLB using Draco compression if the tool loading it doesn't support that codec.
You can use the tool itself from the web app. For our overall approach to the site and how data is handled, see the privacy policy.