# Spline

<figure><img src="/files/ULJin5XtJ6WDJFk61vhE" alt=""><figcaption><p>A Simple Spline Scene</p></figcaption></figure>

The Spline module allows Flux sites to natively embed and interact with [Spline scenes](https://spline.design/).

## Properties

### URL

The URL of the SplineCode for the Scene.&#x20;

See [Finding the SplineCode](#finding-the-splinecode-for-a-scene) for more details on where to find this.

***

## Nodes: Broadcasters

### Spline:onEvent

<figure><img src="/files/qOIzZdEpzDDXUUmmXWax" alt=""><figcaption></figcaption></figure>

Fires when the Spline scene triggers an event.

| Field             | Type        | Description                                                                                                                                                                    |
| ----------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Spline Event Type | SplineEvent | The type of SplineEvent that was triggered. A list of event types [can be found in the Spline Documentation.](https://www.npmjs.com/package/@splinetool/runtime#spline-events) |
| Object            | String      | The name of the Spline Object where the event occurred.                                                                                                                        |

## Nodes: Listeners

### Spline:setUrl

<figure><img src="/files/zclrMqMHp9XlLdT4WbCY" alt=""><figcaption></figcaption></figure>

When triggered, changes the currently loaded Spline scene.

| Field | Type   | Description                                      |
| ----- | ------ | ------------------------------------------------ |
| URL   | String | The SplineCode for the new Spline scene to load. |

### Spline:setVariable

<figure><img src="/files/cSVd1wyqRJr08G0H98Qh" alt=""><figcaption></figcaption></figure>

When triggered, sets a Spline variables to the specified Value.

| Field                | Type                        | Description                              |
| -------------------- | --------------------------- | ---------------------------------------- |
| Spline Variable Name | String                      | The name of the Spline Variable to set   |
| Value                | String \| Number \| Boolean | The value to set the Spline Variable to. |

### Spline:triggerEvent

<figure><img src="/files/BnSNXlznIUPxcQIyFd1A" alt=""><figcaption></figcaption></figure>

When triggered, triggers a Spline Event in the target Spline Scene.

| Field      | Type        | Description                                                                                                                                                                                     |
| ---------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Event Type | SplineEvent | The type of Spline Event to trigger in the target Scene. A list of accepted values can be found [in the Spline Documentation.](https://www.npmjs.com/package/@splinetool/runtime#spline-events) |
| Object     | String      | The name of the Spline Object to trigger the Event on.                                                                                                                                          |

## Guides

### Finding the SplineCode for a Scene

{% embed url="<https://app.arcade.software/share/5kkuOfiUTJs66hYyxuH3>" %}

1. Open a Spline Scene
2. Click **"Export"** in the top toolbar.
3. Select **"Viewer"**
4. Copy the scene link at the top. It should look like:

```
prod.spline.design/kdQpJNHWdLyIY6fZ/scene.splinecode
```

### Updating a Spline Scene

When making changes to your Spline Scene, you must update the export before changes will appear in the Flux module.

1. Update your Spline Scene (e.g. change the color of an object)
2. Click **"Export"** in the top toolbar.
3. Select **"Viewer"**
4. Click "**Update Viewer"** and wait until the loading spinner disappears


---

# 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://docs.poweredbybackstage.com/modules/spline.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.
