# Dorik

<figure><img src="https://docs.swiftxr.io/img/plugins/dorik/step-0.png" alt=""><figcaption></figcaption></figure>

### Introduction <a href="#introduction" id="introduction"></a>

SwiftXR is a powerful platform for creating and sharing interactive 3D, augmented reality (AR), and virtual reality (VR) experiences on the web. With the SwiftXR (3D/AR/VR) Integration for Dorik, you can easily integrate SwiftXR Projects into your Dorik prototypes/websites, enabling you to create immersive and interactive web experiences.

### Creating a Project in SwiftXR <a href="#creating-a-project-in-swiftxr" id="creating-a-project-in-swiftxr"></a>

* Navigate to the SwiftXR Hub: Begin by visiting the [SwiftXR Hub](https://swiftxr.io/users/authenticate).
* Initiate Project Creation: Once on Hub, click the "Create Project" button and enter your desired project name.
* Design and Develop: Utilize the intuitive editor to effortlessly add and customize SwiftXR components, bringing your 3D vision to life.

<figure><img src="https://docs.swiftxr.io/img/plugins/dorik/step-1.png" alt=""><figcaption></figcaption></figure>

### Publishing Your SwiftXR Project <a href="#publishing-your-swiftxr-project" id="publishing-your-swiftxr-project"></a>

Utilize the editor to create your 3D vision using the SwiftXR components. Once satisfied with your creation, press the "Publish" or "Update" button to make your project live.

<figure><img src="https://docs.swiftxr.io/img/plugins/dorik/step-2.png" alt=""><figcaption></figcaption></figure>

### Copy Embed Code <a href="#copy-embed-code" id="copy-embed-code"></a>

Copy the link within the quotation marks in the second last line.

<figure><img src="https://docs.swiftxr.io/img/plugins/dorik/step-3.png" alt=""><figcaption></figcaption></figure>

### Integrating SwiftXR into Dorik Websites <a href="#integrating-swiftxr-into-dorik-websites" id="integrating-swiftxr-into-dorik-websites"></a>

* Click on **Add Element** in an empty row and section
* From the **General Elements** section, select **Iframe**
* Paste link into the Iframe URL box.

<figure><img src="https://docs.swiftxr.io/img/plugins/dorik/step-4.gif" alt=""><figcaption></figcaption></figure>

### Viewing your scene in the Web, VR or AR <a href="#viewing-your-scene-in-the-web-vr-or-ar" id="viewing-your-scene-in-the-web-vr-or-ar"></a>

Save and publish the Dorik website and view the link on any device to explore it immersively.

### Conclusion <a href="#conclusion" id="conclusion"></a>

By integrating SwiftXR with Dorik, you can seamlessly blend 3D elements into your web prototypes, creating more engaging and interactive experiences for your users. Explore the possibilities of using SwiftXR to enhance your Dorik prototypes and bring your ideas to life in an immersive and interactive way.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://guide.swiftxr.io/plugins/dorik.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.