twi5ted.js Viewer FAQ

Quick answers for creators, developers, and agencies.

Questions come up fast when you’re shipping 3D + AR. Here are the most common ones — and the straight answers.

Frequently Asked Questions

If you don’t see your question here, reach out and we’ll add it to the docs.

What is twi5ted.js?

twi5ted.js is a browser-based 3D scene editor that exports portable Google Model Viewer snippets. You design visually, then deploy the exported HTML anywhere.

What file types are supported?

Primary support is for .glb models (recommended for web). If you have .gltf + textures, convert to .glb for best results.

Does this replace Google Model Viewer?

No — it builds on it. twi5ted.js helps you configure scenes and generate clean <model-viewer> output you can own and reuse.

How does AR work?

Exports can support WebXR, Scene Viewer (Android), and Quick Look (iOS) depending on the device and browser. AR support varies by platform.

Will hotspot click actions work in AR mode?

Hotspot actions are most consistent in the standard web viewer. Some native AR viewers (Scene Viewer / Quick Look) may limit or change how interactivity behaves.

What hotspot actions are supported?

Release 1 supports:

Open link (optional “new tab”)
Scroll to anchor (example: #pricing)

How do I use scroll-to-anchor hotspots on a WordPress page?

Give the target section an ID (for example pricing), then use #pricing in the hotspot anchor field. In Divi, you can set section/row/module IDs in the Advanced tab.

What is a .tws file?

A .tws file is a JSON-based scene save format for twi5ted.js. It stores your scene settings (camera, lighting, hotspots, etc.) so you can reload and iterate later.

Can a .tws file be a custom file extension?

Yes. It’s still JSON under the hood — the extension is just a label. The viewer can load it as long as the content is valid JSON and your server serves it correctly.

Where should I host my model files?

Host models on your domain (example: /models/) for predictable performance and fewer cross-origin surprises. Use optimized .glb files and keep texture sizes reasonable.

How do I embed an exported snippet into Divi?

Use a Divi Code Module and paste the exported HTML. If your site blocks certain tags, ensure WordPress isn’t stripping scripts and that you’re not pasting into a WYSIWYG Text module.

Why is my model loading but looks dark or flat?

Try a different environment preset, adjust exposure, and confirm your model materials include correct PBR values. Lighting in web viewers depends heavily on environment and tone mapping.

Can I export a standalone demo page?

Yes. The HTML export generates a standalone page you can share for approvals or QA — great for clients and device testing.

Do you store my models on your servers?

The intended workflow is that you host your own models. twi5ted.js generates configs/snippets and scene files; where you store assets is up to your deployment.

[et_pb_call_to_action title=”Still have questions?” button_text=”View Documentation” button_url=”/docs/” background_layout=”dark” text_orientation=”center” use_background_color=”off” _i=”0″ _address=”3.0.0.0″ theme_builder_area=”post_content” /]