How to?

On the dashboard, you will find a "Create" option. Click on it to open Fabrik's studio.

Familiarise yourself with the studio layout, it has three sections:

1. View content in 3D scene - all 3D actions happen here. You can scroll to zoom in/out, click + drag to rotate and right click + drag to change viewing angle.
2. Add/delete content in Node editor - a node-based approach to define workflows. Content and conditions are added here, interface is a little different from the 3D scene with scroll to zoom in/out, click + drag, and right click (to open contextual menu).
3. Configure content in Side menu - It lists all the content added in the node editor and provides options like (amongst others) adding hotspots and enabling/disabling virtual reality (VR).

Let's create your first experience with printing #FABRIKSPACE in 3D.

1. Adding text
   1. Right click to open the contextual menu in the Node editor and select Add Node -> Model -> Add 3D Text.
   2. Following this step will open a yellow-coloured text-node where you can type #FABRIKSPACE.
   3. Connect the text-node to the step-node. Hit save!
2. Seeing in 3D scene
   1. Click on the step-node to refresh the 3D scene and #FABRIKSPACE text.
3. Viewing the experience
   1. On the Side menu, click on 3-dot menu and select Share option.
   2. Share option copies the URL.
   3. Paste the URL on any browser on any device.

To add a 3D model, you will need a model in GLB (or IFC) format - we will explain using GLB files. You can find and download models from online resources like Sketchfab, TurboSquid, and CGTrader. There are three ways to add 3D models into Fabrik's Studio:

1. Adding a 3D model from the list of available models.
2. Drag-and-drop method
3. Upload to assets folder

Adding a 3D Model from the list of available models

• Right-click to open the contextual menu in the Node editor and select Add Node -> Model -> MODEL.
• This opens the red-colored node for models (instead of yellow for 3D text). 
• Click to add name of the model, a lookup table pops-up with the list of available models.
• Type the name or select a 3D model from the available assets and connect to the step node.
• Hit save!

Drag-and-drop method

You can drag-and-drop a 3D model directly into the step node or ‍3D scene. Wait for a few seconds and the scene will refresh automatically with the new model.

Upload to Assets folder

You can upload the model into the assets folder and look it up through the contextual menu in the node editor. To do this,

1. Go to the Assets section from the Dashboard.
2. Click on the Upload button and select a GLB file.
   1. You can only upload one model at a time.
3. Wait for the model to upload successfully (you will get a success message).
4. Go back to the Studio.

Remove a 3D Model from the node editor

There are three ways to remove a 3D model from the 3D scene:

1. Remove the model node in node editor.
2. Delete the model from side menu.
3. Delete the model from Assets (Warning! This will delete the model from Fabrik's storage).

Remove the model node in node editor

• Right-click on the red-colored model node and select Remove.
• Click on the step node to refresh the 3D scene.
• Hit save!

Delete the model from side menu

Click on the model on the side menu and scroll down. You should find Delete button, select and save.

Delete from Assets folder

Warning! This will delete the model from Fabrik storage.

‍You can delete the model from the assets folder,

1. Go to the Assets section from the Dashboard.
2. Scroll through or search for the model you want to Delete.
3. Click Delete and confirm deletion.
4. Wait for delete success message.

Fabrik supports two types of animations:

1. Existing Animation (predefined animations on the 3D models)
2. Custom Animation (animations created by users on Fabrik)

Add an Existing Animation

There are two methods to apply an existing animation:

Method 1: From the Model tab

1. Navigate to the Models section in the side bar menu.
2. Click on the model you want to animate. It opens the contextual menu for the model.
3. Scroll down to the Animation dropdown.
4. Select from the existing animations on the list.
5. Click Save to apply the animation.
6. Click on the step-node to refresh the scene with see the animation.

Method 2: Using the Node Editor

1. Right-click in the Node Editor.
2. Select Animation > Existing Animation.
3. A lookup table will appear.
4. Type the name of the existing animation in the model.
5. Connect it to the step-node.
6. Click Save to apply the animation and select step-node to refresh the scene with the animation.

Creating a Custom Animation

Custom animations allow you to manipulate the model using three primitive transformation options:

• Translate (move along X, Y, Z axes)
• Rotate (rotate around X, Y, Z axes)
• Scale (resize along X, Y, Z axes)

There are two methods to add a custom animation:

Method 1: From the Model Settings

1. Navigate to the Models section in the side bar menu.
2. Click on the model you want to animate. It opens the contextual menu for the model.
3. Scroll down to the Animation section.
4. Select Custom Animation.
5. A green-colored node will appear in the Node Editor.
6. Select the animation type (Translate, Rotate, Scale).
7. Adjust the initial and final X, Y, Z values as needed.
8. Connect it to the Node Editor.
9. Click Save to apply the animation and select step-node to refresh the scene with the animation.

Method 2: Using the Node Editor

1. Right-click in the Node Editor.
2. Select Animation > Custom Animation.
3. A green-colored model node will appear.
4. Adjust the initial and final X, Y, Z values as needed.
5. Select the animation type for the model.
6. Connect it to the model node.
7. Click Save to apply the animation and select step-node to refresh the scene with the animation.

‍

‍