Configuring your MegaEdit Product for 3D Preview | ME_3D_008

In this tutorial, we'll take a look at preparing the front-end of your product for 3D preview. That is, the editor experience in the MegaEdit editor that your user will experience.

Please note: The example we're showing here is very basic product configuration for demo purposes. As with many things in Infigo and MegaEdit, there are a great deal of customisation capabilities. Take a look at some of the sample 3D products provided in an earlier tutorial for more context on the editor experience that can be achieved in MegaEdit's 3D Preview mode.

  1. 1. Starting point

    We begin where the previous tutorial left off. We have imported our 3D model into our MegaEdit product via JSON and have set up all of the standard MegaEdit resources such as canvas, stock, output type and cliparts.

    Remember, we created a clipart cateory which contains our 2D dieline or template.

    Finally, we launched the MegaEdit editor for this product.

    Starting point

  2. 2. Add your dieline or template to the canvas

    Add your dieline or template to the canvas

  3. 3. Resize the dieline or template to fit the canvas

    Your canvas should have been created to match the sizing of your 2D dieline or template.

    Resize the dieline or template to fit the canvas

  4. 4. Add variable elements to your canvas

    Add elements (either static or variable) to your canvas, positioning them in the same location as the element islands we positioned in Blender.

    In this example, we have added a range of variable elements including text, imagery and colour selection boxes.

    Add variable elements to your canvas

  5. 5. As a reminder, here's how our element islands were configured in Blender

    Remember, these were linked to groups of elements on our 3D model.

    As a reminder, here's how our element islands were configured in Blender

  6. 6. Click on Preview

    Click on Preview

  7. 7. Preview the 3D model

    Review the generated 3D model to confirm everything is working correctly.

    We can see mixed results in this example. The coloured sections and text are working correctly, however the logo is incorrectly rotated when transposed onto the 3D model.

    In this case, we would need to go back to Blender and rotate the element island. Once done, the JSON would need to be re-exported and added to Infigo once again.

    Preview the 3D model