Skip to main content
Skip table of contents

3D / X3D

Instructions: Editing an OBJ file in Blender and exporting as X3D

Step 1: Open the OBJ file in Blender

Start Blender and click on File > Import > Wavefront (.obj). Navigate to your OBJ file and click on Import.

Bildschirmfoto 2024-04-29 um 15.34.39.png

Step 2: Add an image as material

  1. Select the 3D model and switch to the Materials tab.

  2. Add a new material.

Bildschirmfoto 2024-04-30 um 15.05.00.png
  1. Drag and drop an image into the lower dark area and link Base Color with Color. To create a precise mapping, the added image should have the aspect ratio (same dimensions) of the printformer template.

Bildschirmfoto 2024-04-29 um 15.44.41.png
  1. Now the image is part of the texture. To create a precise mapping, the added image should have the aspect ratio of the printformer template. However, the image is not yet positioned correctly. This will be done in the next step.

Step 3: Mapping the image with the 3D file in UV editing

  1. Switch to UV-Editing mode.

  2. Select all vertices of your 3D model (A button).

  3. Click on UV > Unpack to create the UV layout.

  4. Customise the UV layout to connect it to your image.

Bildschirmfoto 2024-04-29 um 15.44.46.png
Bildschirmfoto 2024-04-29 um 15.45.09.png

Step 4: Export the model as X3D

  1. When you are happy with the result, click on File > Export > X3D (.x3d).

  2. Select the storage location and click on Export.

Step 5: Open the X3D file with NPX Sunrize

Blender is currently unable to export a correct Viewpoint. Other 3D applications may not have this problem. Therefore, this step may not even be necessary.

  1. Install Sunrize according to the instructions: https://create3000.github.io/sunrize/

  2. Open the console and navigate to the location of your X3D file.

  3. Enter npx sunrize $fileName to start the programme.

Bildschirmfoto 2024-04-29 um 16.06.07.png
  1. Add a viewpoint and set the viewpoint. To do this, place the model in the visible area (the easiest way to do this is to double-click in the centre of the model). Then right-click to explain the position of the viewpoint.

Bildschirmfoto 2024-04-29 um 16.06.46.png
Bildschirmfoto 2024-04-29 um 16.06.52.png
Bildschirmfoto 2024-04-29 um 16.30.14.png

Step 6: Customise the material and add an empty ImageTexture

  1. Rename the material to OUTMAT1. For multi-page templates, the integer corresponds to the page in the template. You can also set multiple materials to display all pages in the editor.

Bildschirmfoto 2024-04-29 um 16.30.36.png
Bildschirmfoto 2024-04-29 um 16.30.49.png
Bildschirmfoto 2024-04-29 um 16.30.53.png
  1. Add an empty ImageTexture to the Appearance. This is required so that the editor display can be visualised.

Bildschirmfoto 2024-04-29 um 16.31.07.png
Bildschirmfoto 2024-04-29 um 16.31.15.png
Bildschirmfoto 2024-04-29 um 16.31.20.png

Sample Files

demo_files.zip

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.