Hide menu
Step 2. Prepare JT file for Web Toolkit

Note: The conversion to CDXFB is not available in CAD Exchanger CLI 3.9.2 and later versions. CAD Exchanger SDK or Cloud API should now be used to prepare data for Web Toolkit. For simplicity this step of the tutorial is using the CLI 3.9.1.

Any file to be rendered with the help of CAD Exchanger Web Toolkit needs to be converted into a web-friendly format CDXFB. In this tutorial, we use CAD Exchanger CLI for conversions and thumbnail generation. If you need something more complex than just converting files, then CAD Exchanger SDK should fit your needs. To create a simple converter using the SDK, follow these instructions.

Installing CAD Exchanger

CAD Exchanger CLI is delivered as a part of CAD Exchanger GUI package. You can install the latest version from the site.

Generating CDXFB file

In our tutorial we will use Radial_Engine.jt file which should be copied to data/models folder. Use following command to convert the model to CDXFB format:

On Windows:

"C:\Program Files\CAD Exchanger\bin\ExchangerConv.exe" ^
-i data\models\Radial_Engine.jt ^
-e data\cdxfb\Radial_Engine.jt.cdxfb

On Linux:

"<CAD Exchanger installation dir>/bin/ExchangerConv" \
-i data/models/Radial_Engine.jt \
-e data/cdxfb/Radial_Engine.jt.cdxfb

Generating PNG thumbnail

In our tutorial, we also using a thumbnail as a preview of the 3D file. For that, CLI must be invoked with additional output format PNG:

On Windows:

"C:\Program Files\CAD Exchanger\bin\ExchangerConv.exe" ^
-i data\models\Radial_Engine.jt ^
-e data\thumbnails\Radial_Engine.jt.png ^
-s data\settings.ini

On Linux:

"<CAD Exchanger installation dir>/bin/ExchangerConv" \
-i data/models/Radial_Engine.jt \
-e data/thumbnails/Radial_Engine.jt.png \
-s data/settings.ini

We will use following settings for thumbnail generation:



Refer to CLI documentation for details on how to generate preferred thumbnails (size, camera position, display mode, etc).

Note: CAD Exchanger CLI allows converting to CDXFB format and generating thumbnail in one call. Just specify multiple -e <path> options.

Displaying thumbnail on start page

Finally, we should also update the start page to display correct thumbnail and file name.


<div class="model-container">
<a class="model-card" href="viewer.html">
- <img class="card-image" src="data/thumbnails/Model.jt.png">
- <h4 class="card-title">Model.jt</h4>
+ <img class="card-image" src="data/thumbnails/Radial_Engine.jt.png">
+ <h4 class="card-title">Radial_Engine.jt</h4>

With that, we should see Radial_Engine.jt model name and thumbnail on the start page: